TIL one CSS Grid property can totally replace float layouts for good

I stumbled on `grid-template-areas` in a Twitter thread from Rachel Andrew last week and it honestly made me rethink every messy float layout I ever hacked together, has anyone else dumped floats entirely for this approach?

2 comments

2 Comments

quinn_kim4510d ago

Did you run into any weird browser issues with grid-template-areas or was it smooth sailing from the start? It took me a weekend of trial and error but I haven't touched a float since.

vera_roberts10d ago

@quinn_kim45 the real trick is using it inside media queries for mobile-first layouts