Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Proof using Bootstrap

@aaroncaraway

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are good naming conventions for css classes? Did I do the background images correctly? Where should I focus on improving?

Thanks for taking the time!

Community feedback

Dawid 440

@dwddgsz

Posted

Hi! I like your solution when third card is stretched. On the other hand I found some problems, for example at 870px width cards have different sizes and at 1050px there is no space for stars in second box. About naming conventions I think that BEM is pretty handy. Hope I could help you.

1

@aaroncaraway

Posted

@dwddgsz Thank you so much for this! For this particular challenge I just focused on getting both the desktop and mobile view as close as possible to the proofs and totally neglected any in-between responsiveness. What's your favorite grid-system for responsiveness? Thank you again!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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