Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS Grid Layout Module

井上拓
August 19, 2017

CSS Grid Layout Module

フロントエンド夏祭り in 広島でのLT

井上拓

August 19, 2017
Tweet

More Decks by 井上拓

Other Decks in Technology

Transcript

  1. <div class="container"> <div class="item item_header">header</div> <div class="item item_nav">nav</div> <div class="item

    item_main">main</div> <div class="item item_sidebar">sidebar</div> <div class="item item_footer">footer</div> </div> HTML
  2. IFBEFS OBW NBJO TJEFCBS GPPUFS 100px 100px 100px 30px 30px

    30px grid-template-columns grid-template-rows
  3. <div class="container"> <div class="item item_header">header</div> <div class="item item_nav">nav</div> <div class="item

    item_main">main</div> <div class="item item_sidebar">sidebar</div> <div class="item item_footer">footer</div> </div> HTML