画像素材と完成版のコードはこちら↓
drive.google.c...
関連動画はこちら↓
fit-contentについて： • CSSの「fit-content」が便利すぎ...
今回はWeb開発の世界でよく使われるCSSのdisplay:flex;プロパティについて、ある重要な制約をご紹介します。
flexは子要素を横並びさせるために使用されます。
しかし、flexを使ってもアイテム同士の横並びが実現できない場合があります。
この動画では、align-itemsとfit-contentプロパティを組み合わせることで、display:flex;だけでは作れなかった横並びのレイアウトを実現する方法を詳しく解説します。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：lorem-co-ltd.com/
引用元： • Are You Making These C...
Twitter： / rubyprogram
#頻出Webデザイン #css #flex #align-items #fit-content #横並び
#web制作 #webデザイン #webデザイナー #javascript #コーディング
6 окт 2024
