Submitted almost 2 years ago

Four-Card-Feature [Added Hover-BEM - Mobile First - Vanilla CSS]

bem

DeyanTopalov•430

@DeyanTopalov

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

----- Feedback Welcome -----

Specific Question to the Community:

Hi guys,

In the Hover section of my code, I have commented out the CSS nesting part, as it was behaving weirdly in Safari (the cards were growing on Hover, but not returning to the original size afterwords). I am using the latest Safari version and based on the info checked - it is supposed to support the CSS nesting. Any ideas of what & why went wrong?

Built with:

Semantic HTML
CSS3 Accessibility in mind
Mobile first approach
BEM naming
CSS Reset and custom variables used
CSS Pseudo elements for styling

Most Wanted 📜

Any feedback to help me improve my solution or optimize the code!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on DeyanTopalov's solution.

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