DEV Community

Stephanie Eckles
Stephanie Eckles

Posted on

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
 
karthick30 profile image
KaRthick

yeah nice article had a look ! will try

Collapse
 
gnio profile image
Gnio

This is hot. Thanks for sharing!

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
John Peters

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
John Peters

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
 
alvaromontoro profile image
Alvaro Montoro

Something of the line of:

css grid image height

After Ana Tudor posted something on Twitter, I tried to solve the issue, but my solution worked on Chrome on Mac, but not on Firefox or Chrome on Windows :(

Collapse
 
5t3ph profile image
Stephanie Eckles

Fascinating! I just spent (too long) on it, interestingly your solution didn't work for me on Chrome on Mac πŸ€” I will have to revisit this, an interesting problem!

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
 
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
 
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
 
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! πŸ’«