実際のAir bnbのサイトを模写コーディングしました。
サイト下部のメニューが4段に並んでいるところはdisplay:flexで作りました。4段並びがきれいで気に入っています。もともと私がHTMLを勉強し始めた当初は、横並びといえばクリアフィックスやdisplay:inlineで作っていたので、flexで横並びができるのは感激しました。
反対にこのサイトで「ちょっと失敗したかな？」と思ったのは、サイト全体のレイアウトをgridレイアウトで行ったことです。
gridレイアウトは上手に使うとHTMLのコードが少なくて、きれいな形でサイトを作ることができるのですが、今回のような短くて構成もシンプルなサイトにgridレイアウトを使う必要はなかったかもしれませんね。
もともとgridレイアウトの良さが活かされるデザインではありませんし、gridレイアウトを使ったことでかえってコーディングの分量が増えた気がします。