Top 10 CSS One Liners That Will Blow Your Mind

I just got a mini crush in the first 20 seconds of the video

Thanks!

I prefer using user-select vs pointer event

"Now you're in the UK, b**ch" ... I laughed so hard on that one 😂

Hey Ed! What is the vs code theme you were using in this video?

What about

webkit-user-select: none;
for pointer events

nice video but bro u gay?

Ed wearing a nurse shirt ... how can you not love this guy

display none does not remove elements from the DOM.

Useful tips, but I could have done without the profanity near the middle and blasphemy near the end. I wouldn't want my children to overhear that filthy talk.

That was lit 🔥

Scroll behavior smooth!!

first and only ques ,asking this respectfully
"Are you Gay?"

I love the last part with the gradient animation text im gonna have to steal that idea my friend great work

"And boom you are in the UK" - Ed. This was the quickest I ever travelled to UK. Previous fastest was by Concorde

You forgot to mention that gap works for Grid as well.

You are in the UK B!!!

Love these!
I've used a good few of these but the other ones are new to me. Thanks for these!!

Can we use resize for tables? To resize columns and rows manually

I love your energy!

I was thinking of watching flex tutorial, just to add the gap, but this video saved my time

THANK YOU SO MUCH BRO.... YOU SAVED A LOTTTTT OF MY TIME 🫶🫶

"You are in the UK ... b*tch" is such a nice description

there was a html and css to show how to do call cup of hot tea html css

* { display: none !important; }

Amazing ❤🎉

isn't user-select: none; better than pointer-events?

i thought you would have added "columns" to this list. extremely useful piece of code to get an "insta" layout.

Very good bro!

I knew linear grad and writing mode.

Amazing you have guides osummm❤

CSS icing with a twist. Love your sarcasm)). God bless you.

I hate gap, people are now making everything a flexbox with a flex direction column and then adding a gap, o yeah also adding a * with margin 0. Like they know some secret thing to add some margin between elements. It's stupid.

The object-fit property can also be used to shrink the image in its box, so that all of the image can be visible without aspect ratio distortion!

Mind the Gap! 👄

Is "-webkit" a variable you declared/created yourself or is it a thing in CSS?

Great content man, you explain everything in a way thats easily understood and show plenty of visuals. My go to source for all things coding related!

ขอขอบคุณ

why are u gay?

Loved all of these!

text-overflow: ellipsis;

is he gay???

object-fit: cover — that one and scroll snapping were new to me. Thank you!

That's great
thank you

Just yesterday I also posted a video about the Top 10 CSS Features you should know and use in 2023.
I was surprised, that we only got 3 points in common... 😲
And as usual: Great Intro 😄👍 Keep it up buddy!

Oh my god what extention do you have that filled in all of the animation words? I really need that

are u gay?

benedict cumberbatch also know css . Nice