Submitted almost 3 years ago

Reponsive with simple media queries, used flex for center elements

Mustafa Cagri• 180

@salvagedscrap

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello everyone,

I ve used flexbox in order to align items around, which I find it very useful for little projects. I m wondering what sort of property one must use in order to acquiere such box shadow thats shown in the example.

Thanks!

Community feedback

Erick Cuenca• 100

@erickcuenca

Posted almost 3 years ago

Hey!

Fantastic job. To answer your question, to get that effect. Use the CSS property “filter: drop-shadow(…)”.

Here’s some content explaining the difference between “box-shadow” and “drop-shadow” https://css-tricks.com/breaking-css-box-shadow-vs-drop-shadow/

Marked as helpful

Mustafa Cagri• 180

@salvagedscrap

Posted almost 3 years ago

@erickcuenca

hey, thats awesome! thank you, that helped me a lot

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord