Note from 23 December 2020

I'm a developer, not a graphic designer, so I genuinely wonder if CSS Grid and Flexbox automated layout and space management would be better for the flexible Web than such rigid artificial grids. I'm really wondering.

Veerle Pieters @vpieters

Responsive Grid Design: Ultimate Guide

This article highlights the most important aspect of the responsive grid and how product designers can adapt grids in their design workflow. medium.muz.li/responsive-grid-design-ultimate-guide-7aa41ca7892

38 09:59 AM · Dec 23, 2020

• older note:
  Note from 22 December 2020
• newer note:
  Note from 23 December 2020

---

Related contents with similar topics

1. • Nicolas Hoizey
   • 16 December 2022
   • CSS, Flexbox, JavaScript
   • 3 reactions
   • permalink

   While we wait for browsers to implement the text-wrap: balance; #CSS property and value for text (pleeeeeease! 🙏), I may have created a silly — and probably sub-optimal — function to do it with HTML block elements:

   https://codepen.io/nhoizey/pen/mdjbrVx

   Tell me what you think!

   But why? Just because a colleague needed it, we could not find a solution in pure CSS, and I like challenges… 😅

2. 

   Brad Frost

   Layout & Grid in Design Systems

   • Nicolas Hoizey
   • 27 November 2022
   • Grid, CSS, Design System
   • 6 reactions

   This interdisciplinary disconnect around grid’s mental model affects how teams execute grid. In a broken, unidirectional, “developer handoff” process,…

3. 

   Donnie D'Amato

   gridless.design

   • Nicolas Hoizey
   • 27 November 2022
   • Grid, Flexbox, CSS, layout
   • 11 reactions

   The web is good at these things, just not in the ways that designers have been accustomed to working. We'll take a look at how we got here and how…

4. 

   Trys Mudford

   It's all about that space

   • Nicolas Hoizey
   • 26 November 2022
   • CSS, Grid
   • 2 reactions

   Yet another great Utopia tool, this time for grids, but the right way: the 12 column grid itself is an illusion, or at best a fading artefact of the…

5. 

   Hubert Sablonnière

   Prevent layout shifts with CSS grid stacks

   • Nicolas Hoizey
   • 27 July 2022
   • CSS, Grid, CLS, Core Web Vitals, WebPerf
   • 22 reactions

   I keep sending people this clever solution provided by Hubert, I wonder why I still didn't add it to my links! 😎 No more layout shifts! Compared…