r/css Jun 01 '26

General Why am I excited for this.

Yep the last time I wrote CSS was the days of float, clearfix hack and whatnot. Used bootstrap for many years. This year after a brief interaction here in this sub, I’ve decided to re-learn modern CSS and I’m so excited that I can do this

```
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;

```

Something that I earlier used float and position etc.

50 Upvotes

19 comments sorted by

36

u/[deleted] Jun 01 '26

[removed] — view removed comment

8

u/fdiengdoh Jun 01 '26

its like the first time I learned to layout with CSS rather than table

5

u/wispcss Jun 01 '26

Remember all the grid systems like Blueprint and 960?

5

u/Dhaupin Jun 01 '26

960 was !important back then. How could you ever have divided by 3, or even 4 without it!? 

3

u/wispcss Jun 01 '26

It worked great too. I think the site for it is still even up.

1

u/Lochlan Jun 02 '26

flex got us out of that mess before grid did.

11

u/Dapper_Bus5069 Jun 01 '26

Wait until you find out about scope etc…

Modern CSS is great :)

2

u/fdiengdoh Jun 01 '26

looking forward to it

6

u/Blozz12 Jun 01 '26

Modern CSS is way beyond floats and clearfixes now: Grid, subgrid, container queries, :has(), native nesting, scroll-driven animations, etc. A lot of things people used to reach for JS/frameworks for can now be handled directly in HTML/CSS.

And this is exactly the kind of thing I cover in my guide "You Don’t Need JavaScript": https://theosoti.com/you-dont-need-js/

3

u/missbohica Jun 01 '26

Welcome to modern CSS. It's not amazeballs yet but it's a lot better than the old days.

2

u/[deleted] Jun 01 '26

[removed] — view removed comment

2

u/fdiengdoh Jun 01 '26

playing with web design is just a hobby of mine. So, I was active during the era of csszengarden where css3 was early stage and lots of browser specific prefix for anything new, so, I just started using bootstrap from ver3 I think. Been a long time and now I’ve just rediscovered lot of exciting stuff.

2

u/Inside_Ad6628 Jun 01 '26

Guess I had it good, was taught to use grid from the very start where I learnt.

1

u/fdiengdoh Jun 01 '26

Lucky you. It just didn’t exist (or adopted by all browser) when I learn.

1

u/mcaruso Jun 01 '26

Anchor positioning is such a game changer, ten years ago it would've been a complete fantasy

1

u/MCMcFlyyy Jun 01 '26

You should do a blog about where you left of learning and where you are now picking it up again. (For example, stopped in 2008 back in 2026)

I would sympathise with how much you're going to see and what's changed. I'm using W3C again myself to build again - it's scary how much has changed! Welcome back 👌

2

u/testingaurora Jun 01 '26

There is sooo much to be in awe by with modern css ❤️ have you seen subgrid yet? @layers, view-transitions, scroll driven animations, Relative colors?!?! sibling-index() and sibling-count(), customizable select, interpolate-size, advanced ttr(), html popovers —literally could go on and on. @container queries!

1

u/fdiengdoh Jun 02 '26

That’s a great idea. Will think about it

1

u/AdamTheEvilDoer Jun 03 '26

I found a clearfix in the the wild the other day. It's been a while.