<h1>うにくんの日常</h1>

<p class="no-support-browser">ご利用のブラウザはsubgridに未対応のようです🤔️</p>

<div class="container">
  <div class="item">
    <h2>出待ち</h2>
    <img src="https://assets.codepen.io/221808/photo1_2.jpg" />
    <p>おすわりしてお行儀よくご飯を待っているうにちゃん。おすわりすればご飯がもらえると思っている。</p>
    <ul>
      <li><a href="#">#今日のうにちゃん</a></li>
      <li><a href="#">#ごはん</a></li>
      <li><a href="#">#忠犬ハチ公</a></li>
    </ul>
  </div>
  <div class="item">
    <h2>誕生日にもらった花が・・・😭</h2>
    <img src="https://assets.codepen.io/221808/photo3_2.jpg" width="400" height="300" alt="">
    <p>誕生日に飼い主は花をもらった。うにはその美しさに見入っている。彼の瞳は花びらの動きを追いかけ、時折、小さな手を伸ばして触れようとする。この穏やかな時間は、うにと私たちの特別なひととき。彼の純粋な好奇心に、日々感謝している。</p>
    <ul>
      <li><a href="#">#花</a></li>
      <li><a href="#">#ラーメン</a></li>
      <li><a href="#">#誕生日</a></li>
    </ul>
  </div>
  <div class="item">
    <h2>黄金の回転</h2>
    <img src="https://assets.codepen.io/221808/photo2_1.jpg" width="400" height="300" alt="">
    <p>アンモナイトのような形で寝ているにちゃん。その姿は白亜紀の化石か、現代スポーツの飛び込み姿勢か。<br>鼻がつまっているので、大きないびきをかいている。</p>
    <ul>
      <li><a href="#">#アンモナイト</a></li>
      <li><a href="#">#いびき</a></li>
    </ul>
  </div>

  <div class="item">
    <h2>『ある日起きたら猫に転生したのにダンボールに入りきれていない俺がこんなにもふもふなわけがない件』</h2>
    <img src="https://assets.codepen.io/221808/IMG_4807.jpg" width="400" height="300" alt="">
    <p>薄い箱に無理やり入ろうとするうにちゃん。</p>
    <ul>
      <li><a href="#">#巨体</a></li>
    </ul>
  </div>
  <div class="item">
    <h2>今日はごちそう</h2>
    <img src="https://assets.codepen.io/221808/photo5.jpg" width="400" height="300" alt="">
    <p>ご飯が来るまでは大騒ぎ。鳴いて走ってうんちする。<br>そしてご飯を食べたらすぐに寝る。</p>
    <ul>
      <li><a href="#">#今日のうにちゃん</a></li>
      <li><a href="#">#ごはん</a></li>
      <li><a href="#">#もふもふ</a></li>
    </ul>
  </div>
</div>