DEV Community

Stephanie Eckles
Stephanie Eckles

Posted on

8 2

What's in your recent search history related to CSS?

Top comments (59)

Collapse
 
karthick30 profile image
KaRthick • Edited

--border-radius--
about whether can i achieve this image shape using border-radius or not !!!

any way couldn't achieve this !!
dev-to-uploads.s3.amazonaws.com/i/...
Alt Text

Collapse
 
5t3ph profile image
Stephanie Eckles

Hi, my recent post actually covers exactly this, maybe it will help you? Good luck!

moderncss.dev/expanded-use-of-box-...

Collapse
 
gnio profile image
Gnio

This is hot. Thanks for sharing!

Collapse
 
karthick30 profile image
KaRthick

yeah nice article had a look ! will try

Collapse
 
alvarosabu profile image
Alvaro Saburido

You can also use clip-path for it dev.to/alvarosaburido/the-magic-of... ;) Happy coding!

Collapse
 
karthick30 profile image
KaRthick

that's cool !

Collapse
 
5t3ph profile image
Stephanie Eckles

That’s one property I haven’t spent time with 😊 Really great article, thanks for sharing!

Collapse
 
co0kie profile image
co0kie
Collapse
 
danielkun profile image
Daniel Albuschat

For me it's, as always:
css tricks flexbox
css-tricks.com/snippets/css/a-guid...
I've read and reread that article countless times, because I always need another subtlety from flexbox.

Collapse
 
5t3ph profile image
Stephanie Eckles

I’ve visited that page hundreds of times myself 🙌

Collapse
 
waylonwalker profile image
Waylon Walker • Edited

Typed css in my address bar and this was what came up... which was very recent.

css selector data attribute

I was trying to style elements given a data-id attribute on kedro-static-viz.

I was expecting something much more basic like how to add a gradient, or animation.

Collapse
 
downey profile image
Tim Downey • Edited

I was trying to improve page load times of my blog for slow mobile browsers and stumbled upon the font-display: swap property. It will display your site's text with a fallback font before any web fonts are loaded so your users don't have to wait!

developer.mozilla.org/en-US/docs/W...

Collapse
 
jwp profile image
JWP

Stephanie;
Thanks to you my CSS search history is fully under control, I'm not seeing any recent search history.

I now use your famous => box-shadow : 0 0 3px rgba(0,0,0,.28) recommendation. Thanks! I use Grid everywhere now, all my alignment problems are solved so far.

Collapse
 
5t3ph profile image
Stephanie Eckles

🙌 🙌 🙌

Oh wow, what a compliment!

Out of curiosity, are you referring mostly to ModernCSS.dev and DEV articles, or my egghead lessons too? 😊

Collapse
 
jwp profile image
JWP

I've picked up your tips from posts here! You're the best!

Thread Thread
 
5t3ph profile image
Stephanie Eckles

🥰 It took me 13 years to do it successfully, but I'm enjoying giving back to the community!

Collapse
 
bholmesdev profile image
Ben Holmes

position: sticky not working plz help
How to grid span CSS
CSS grid stop rows from stretching

...and a bunch of other Grid-related shouting into the helpful void 😁

Collapse
 
fhsinchy profile image
Farhan Hasin Chowdhury

Centering stuff 😅

Collapse
 
5t3ph profile image
Stephanie Eckles

I'm about to make a pinned post on this, lol!

You might be joking, but for the lurkers:

display: grid;
place-content: center;

More options and details >

Collapse
 
fhsinchy profile image
Farhan Hasin Chowdhury

Now that's nice and I actually did search for all the possible ways of centering stuff, I wasn't joking 😅

Thread Thread
 
5t3ph profile image
Stephanie Eckles

Haha, well then I’m glad that was indeed helpful! 💫

Collapse
 
vtrpldn profile image
Vitor Paladini

Lately I've been searching for the least used CSS properties and what they are good for. I mean, did anyone ever used widows: inherit?

Collapse
 
jayehernandez profile image
Jaye Hernandez

Create a diamond using css

Spent an hour making it look good 😂

Collapse
 
5t3ph profile image
Stephanie Eckles

Cool! Like a shiny sparkly one, or a basic shape? Have a Codepen to share? ✨

Collapse
 
jayehernandez profile image
Jaye Hernandez

It's using the basic shape only. I tried to change the default dots in the Slick carousels to diamonds! 🔹

diamonds

Collapse
 
vonziu profile image
Konrad Stącel
How to add styles only for IE
Collapse
 
5t3ph profile image
Stephanie Eckles

Oh no, I'm sorry you have a project where this is still an issue! Good thing IE has switched to Chromium, we're soo close to kissing IE issues goodbye :)

Collapse
 
vonziu profile image
Konrad Stącel

Unfortunetely IE will be around for 5 more years :( But indeed Edge being Chromium based makes one more browser less for hacks :)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay