https://s3-us-west-2.amazonaws.com/secure.notion-static.com/56ff92ed-97be-466c-84a7-143178de54ad/_2021-04-01_7.45.00.jpg

PRODUCTの波線、MOREの矢印はそれぞれ疑似要素というもので表示できます!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2273ba30-9719-4123-bab9-822cc7688e08/_2021-04-01_7.51.53.jpg

疑似要素がいまいちわからない方はこちらをご参照ください!

下の画像とタイトルが横3行、縦2列のレイアウトはグリッドレイアウトというものを使うと楽ちんなのでこちらも使えるようにしていきましょう! また加えてグリッドレイアウトの余白の指定の仕方も知っておく必要があるのでこちらも参考にしてみてください!