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

Flexbox and Grid

Tawanda 125

@TBanda27

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


There is a lot of free spaces for example below the stars, please may you look into my code and tell me how I can remove it. All feedback is highly welcome. Thank you

Community feedback

@agnisain123

Posted

Hi, @TBanda27. Here are some changes I would like to have to make it near-perfect (You can make it perfect, I know!):

  1. Increase the font-weight of the heading (upper-left).
  2. Reduce your padding in the ratings (upper-right side). The boxes are huge.
  3. Reduce the size of the reviews boxes (bottom).
  4. Add your font-family to the body in CSS. This will have its effect to all divs. No need to repeat the font.
  5. Try experimenting with your CSS. Hopefully you can find something better!
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