画像素材と完成版のコードはこちら↓
drive.google.com/drive/folder...
今回はplace-itemsプロパティの使い方を実例を交えて詳しく解説します。
これまで水平方向と垂直方向に中央揃えしたいときは、justify-contentとalign-itemsの組み合わせが必要でした。
しかしplace-itemsを使えば以前よりも簡単にレイアウトを組むことができます。
デザイナーも開発者も、これを使いこなすことでレイアウトの調整にかかる時間を大幅に削減できるでしょう。CSSの新たな可能性を探求し、Webデザインに革新をもたらす一歩を踏み出しましょう！
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：lorem-co-ltd.com/
引用元： • 10 modern layouts in 1...
Twitter： / rubyprogram
#css #flex #align-items #jusitfy-content #place-items #中央寄せ
#web制作 #webデザイン #webデザイナー #javascript #コーディング
14 июл 2023
