4 ms·

Do you have any good grid references? I know how it conceptually works but struggle to apply it

• adventured 8y ago
  Here are a few good references to get started: http://cssgridgarden.com/ http://cssgridgarden.com/ https://hacks.mozilla.org/2017/10/an-introduction-to-css-grid-layout-part-1/ https://hacks.mozilla.org/2017/10/an-introduction-to-css-gri... https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_La... https://www.layoutit.com/grid https://www.layoutit.com/grid (useful for building examples to review) https://alligator.io/css/css-grid-layout-fr-unit/ https://alligator.io/css/css-grid-layout-fr-unit/ (it's important to understand the fr unit)
  • pspeter3 8y ago
    Thanks!
• ataylor32 8y ago
  https://www.youtube.com/playlist?list=PLu8EoSxDXHP5CIFvt9-ze3IngcdAc2xKG https://www.youtube.com/playlist?list=PLu8EoSxDXHP5CIFvt9-ze...
• ReverseCold 8y ago
  Grid: http://cssgridgarden.com http://cssgridgarden.com Flexbox: http://flexboxfroggy.com http://flexboxfroggy.com
• tacotime 8y ago
  Wes Bos' series is nice if you're looking for something a little more long-form/hand-holdy. I have the same problem and was working through it earlier today. Comes with exercise files for each newly introduced concept. You have to provide your email. https://cssgrid.io/ https://cssgrid.io/