[2020年決定版]Webのよくあるデザインテンプレート

webページを参考を元に作ろうと思った時に、どういう風に実装されているかわからないことはありませんか?

そんな方のために、今回はよくあるデザインをまとめてみました。


1.画像と文字画互い違いになるデザイン

PC表示のデザイン

スクリーンショット 2020-11-23 12.13.02

Mobile表示のデザイン

スクリーンショット 2020-11-23 12.13.59

ポイントとしては、


alternatel--box:nth-child(even)

としていることでboxが増えていっても対応できる点です。
2.

いいなと思ったら応援しよう!