Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

gridに関するinazuma2073のブックマーク (2)

  • 【CSS】gridでできるこんなレイアウト10選(grid関連プロパティ総ざらい)

    IEがいなくなり安心して使えるようになった CSS Grid Layout (display: grid;)。 みなさん、使っていますか? これまでに面倒だった記述が楽に書けるようになるのはもちろん、 要素数が増えたり減ったりしてもイイ感じに配置できたり、 ウィンドウ幅が変わってもイイ感じに配置できたりと、 Gridは レイアウトの対応力を高める強力な武器 となります。 Gridの便利さをお伝えするため、Gridの活用例をこれでもかと詰め込んだCodePenのサンプルを作成しました。 (ウィンドウ幅によって変わる仕組みもありますので、ぜひ別タブで開いてご確認ください) この記事では、ここで使用している個別の活用例10個を紹介します。 それぞれの項目の中では、どのようなプロパティで機能を実現しているか説明していきます。 (この記事にはほぼすべてのgrid関連プロパティが登場します!) 1.

    【CSS】gridでできるこんなレイアウト10選(grid関連プロパティ総ざらい)
  • Loading...

  • 1