DEV Community

Steffen Pedersen
Steffen Pedersen

Posted on

What is subgrid?

I hear the buzzword everywhere lately. I would really like to know the use case from actual developers.

Can anybody explain to me what subgrid is? #CSS #DevDiscuss #DeveloperCommunity

— ✨✨ Steffen ✨✨ (@mrsteffenp) May 31, 2019

Top comments (5)

Collapse
 
vuild profile image
Vuild

Grid in a grid for layout that is just arriving.

Rachel Grid Andrew does a really good job of laying out the grid in fine detail (it's rare to get it all so well done imo).

smashingmagazine.com/2019/05/displ...
rachelandrew.co.uk/archives/2019/0...
twitter.com/rachelandrew/status/11...

I think with mobile UI, better performance etc we will see a lot more overlaying/moving/replacement/app type experiences which grids (inc. subgrids) is really good for. We had tables (stupid), then floats (hack) & finally, grids is the first actual decent layout option. It has almost no overhead either & allows for much greater flexibility (less site overhauls, more evolutionary design).

Collapse
 
steffenpedersen profile image
Steffen Pedersen

Great answer! Thank you.

Collapse
 
vuild profile image
Vuild

yw.

gridbyexample.com/examples/ - RA. Again (it's her CMS grabaperch.com too)
grid.layoutit.com - A nice easy grid to play with (not subgrid yet I think but good for concepts).

I generally just put grids inside grids rn. I also like divs in divs. Np.

Thread Thread
 
steffenpedersen profile image
Steffen Pedersen

Yeah, I have tried those examples out. We're also using grid at work. It was more the subgrid thing, I was thinking about 😃

Thread Thread
 
vuild profile image
Vuild

I figured, I can see you know CSS.

The subgrid part will probably feel natural pretty quick, I really like the current grid stuff, it's nicely done.

I was kind of replying while informing any potential readers (breaking the fourth wall) & threadbumping (let's get the discussion active). I assume that's part of why you ask rather than just read (to teach/discuss etc). 😃

Do you like the Devto CSS/styling?