Submitted about 1 year ago

Social-Proof-Section [Added Hover-BEM - Mobile First - Vanilla CSS]

DeyanTopalov• 430

@DeyanTopalov

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

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Specific For The Challenge:

It took me far longer than I hoped, but I finally realized that for layout positioning it can be handy to use

transform: translateY();

Built with:

Semantic HTML
Mobile first approach
BEM naming
CSS Reset and custom variables used
Responsive design with simple custom hover based on the screen size

Most Wanted 📜

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

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