Organisms/Newsの作成

作るもの

ファイル名、ディレクトリ構造

src
├ components
│ └ organisms
│   └ news
│     ├ news.html
│     └ news.scss
└ stories
  └ organisms-news.stories.js

コンポーネントのあるページ

news&events

注意点

• すでに作成済みの Molecules/NewsAndEventsTitle および Molecules/NewsAndEventsMore を使いましょう
• 一つ一つのニュースは独立した「記事」であることをタグで表しましょう。
• 枠線の重なりに注意して実装しましょう。
• Figma にも書いてありますが、リストになっているところは hover すると文字の色が変わります。hover 時の挙動は、上記の Figma リンクの左の方に載せてあるので、その通りになるようにしましょう。
• Templates/NewsAndEvents を作る際には、横並びにしたとき今回作成する Organisms/News とすでに作ってある Organisms/Events の高さが揃っている必要があります。検証ツールで高さを確かめながら作成しましょう。