flexプロパティを無理なく理解する方法ってコレ以外にある?【flex, flex-grow, flex-basis,flex-shrink】
Code Tips
0:00 / 0:00
flexプロパティを無理なく理解する方法ってコレ以外にある?【flex, flex-grow, flex-basis,flex-shrink】
3 280 просмотров · 3 г. назад
Code Tips
7,45 тыс. подписчиков
3 280 просмотров · 3 г. назад
画像素材と完成版のコードはこちら↓
https://drive.google.com/drive/folder...
今回はFlexボックスの重要なプロパティである「flex」「flex-grow」「flex-basis」「flex-shrink」について解説します。
Flexボックスはレイアウトを柔軟に制御するための強力なツールですが、これらのプロパティを正しく理解することは初心者にとって難しいかもしれません。
理解のコツやヒントを学び、デザインを制御するための必須のプロパティをマスターしましょう。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ:https://lorem-co-ltd.com/
エックス:https://x.com/codetips42
#css #flex #flex-grow #flex-basis #フレックスボックス #横並び
#web制作 #webデザイン #webデザイナー #javascript #コーディング