Search

Post types: Articles 0 Notes 2 Journals 0

Categories: HTML & CSS 2 Frontend 1 JavaScript 0 Nuts & Bolts 0 Projects 0 Inclusion 0 Content Design 0 User Experience 0 Animation 0 Graphic Design 0 Typography 0 Arts & Crafts 0 Web Design 1 World Building 0 L-Space 0 Musical Notes 0 Moving Pictures 0 Photography 0 Notes from the Editor 0 People & Places 0 The World Wide Web 0 Technology 0 Natural World 0 To Boldly Go 0 Anthropocenic View 0

🔖

Stacking grids without media queries

Read Note ↬

A very clever technique of using combinations of flex-basis, asymmetrical flex-grow, or (for Grid) some quirky minmax() magic to generate flexible layout shifts that, in practice, …

Published:: 04 Jun 24
Categories:: HTML & CSS
Frontend
Tags:: CSS Grid
Flexbox
flex-basis
fluid design

🔖

Look mum, no breakpoints!

Read Note ↬

An excellent overview of how to approach fluid design on the web. Lots of excellent references and techniques, particularly those around using Flex layout with flex-basis to control widths, or …