grid鍛錬

date_range 2023/09/06
日々の活動日記エンジニアインターン
サムネ

こんにちは!

マーケティング部受託プロダクトチームのインターン生、村高歩夢です!


本日は僕のcssの苦手プロパティgridを中心に鍛錬しておりました。

まぁ、苦手というよりあまり使ってこなかったので、練度上げなくちゃ!!

って感じです。

flexで事足りることが多いので、どうしてもflexを使う頻度の方が高くなってしまうんですよね。


gridの僕の嫌いなところはデフォルトだとgridコンテナの大きさと要素の大きさが同じになってしまうところなんですよね。


嫌いって言っちゃったよ。苦手やんね。


もちろんgridのその特徴がいいところでもあるんですけどね!

heightを設定すれば高さは変わるんですが、なるべくheightは固定にしたくないし。

う〜んどの方法で全体をまとめるのがいいかなと悩んでしまうんですよね。

もうちょっといろんなサンプル見たり、実装したりして、インプットしていこうと思います。


現状考えられる手としては

grid-template-rowsを増やしてgridコンテナの高さを制御するのが良さそうではあるんですが、、

ということで他のgridレイアウトでの操作も調べたいと思います。





■ガーディアン主力ソリューション→OWLet

■新サービスリリースのお知らせ

WEB業界を変える!育てて成果を上げるサブスク型HPサービス

SCSC (スクスク)

ガーディアンのインターン制度→こちら

村高歩夢の紹介ページ→こちら

*COMMENT*

    *コメント*

    *ログイン*

    メールアドレス
    パスワード