Submitted over 2 years ago

Flex, auto-margins, box-shadow, lobotomized owl, BEM, SCSS

#bem

Aymin• 180

@ayminahmedpk

Preview site View code

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Some inconsistencies in design required hard coded values to implement accurately.

Maybe inset shadow is a better option for cards rather than border-top.

Will need to get more friendly with box-shadow and learn to deduce it visually.

Loosely utilized BEM naming convention.

Community feedback

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