CSSのflexを使った多段レイアウトの作り方はちょっとムズイ【flex-wrap】

画像素材と完成版のコードはこちら↓
drive.google.com/drive/folder...
関連動画はこちら↓
横並びの基本: • とりあえず横並びのレスポンシブ対応はこ...
justify-contentについて: • flexを使った横並びは簡単に作れるけどイマ...
CSSのflexboxを使って多段レイアウトを作成する方法を詳しく解説します。
しかしこのプロセスは少し複雑です。
flex-wrapプロパティを使った要素の折り返しや、レスポンシブデザインを実現するための工夫が求められます。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ:lorem-co-ltd.com/
Twitter: / rubyprogram
#css, #flex, #flex-wrap
#web制作 #webデザイン #webデザイナー #javascript #コーディング

Пікірлер: 1

  • @survive085
    @survive08514 күн бұрын

    gap使えばいいのでは…? gapを使わずにこんな面倒なことをする理由はなんですか?

Келесі