Build A Classic Layout Fast With CSS Grid

Anya Ristow

I was born a choker
Joined
Sep 23, 2018
Messages
792
SL Rez
2006
Joined SLU
Nov 2007
SLU Posts
2999
CSS Grid is so much better than bootstrap.

I do big CSS projects infrequently enough that every time I do it changes completely and I have to learn it all over again. CSS Grid is worth the bother.

But CSS is still a hot mess of "that can't be fixed or it'll break everything," and "why is something so conceptually simple still so damned hard?"
 
  • 1Agree
Reactions: Clara D.

Free

The cool chick who doesn't know she's hot
VVO Supporter 🍦🎈👾❤
Joined
Sep 22, 2018
Messages
34,410
Location
Moonbase Caligula
SL Rez
2008
Joined SLU
2009
SLU Posts
55565
Why is there an iframe in that sample code?

WHY IS THERE AN IFRAME IN *EXPLODES*
 
  • 1LOL
Reactions: Chalice Yao

bubblesort

Well-known member
Joined
Nov 16, 2018
Messages
1,993
I'm glad I found this thread! Grid seems like part of a puzzle I'm piecing together.

I've been taking a web dev bootcamp from udemy (the Web Developer Boot Camp 2021, by Colt Steele), because it's time I updated my geocities era web development skills.

I just got to the layout part of the course, where they teach flex box, which seems nice, but they say it's new, within the last year or two. Last time I laid out web pages, I did it with tables, and I used iframes maybe once or twice. So I have this big gap in my knowledge of how web sites are laid out. What happened between tables and flex box?

I don't expect a huge encyclopedic explanation, but maybe somebody could give me a quick list of things to search for to catch up on what I missed? I'm finding it surprisingly difficult to trace the history of things like this.
 

Free

The cool chick who doesn't know she's hot
VVO Supporter 🍦🎈👾❤
Joined
Sep 22, 2018
Messages
34,410
Location
Moonbase Caligula
SL Rez
2008
Joined SLU
2009
SLU Posts
55565
What happened between tables and flex box?
CSS happened. For like, a decade.

Eventually, Bootstrap was dropped on everyone like a lead brick. Thanks, Twitter! (No really, thanks.)
 
  • 1Thanks
Reactions: bubblesort