Skip to content
Submitted about 4 years ago

Social Proof Section Using Flexbox Basics

Awais Muhammad Ahmed•120
@awaiskorai
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my first ever solution to a challenge. It has been 2 weeks since I got into web development. I am not too sure if I am doing it right! Please leave a feedback. I would love to have it.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, Awais Muhammad Ahmed!

    I suggest setting a max-width on the wrapper div so that the content of the page doesn't look overly stretched on large screens. Also, the name and title texts inside the testimonial boxes are quite large—I think a slightly smaller size will do. Lastly, setting align-items to center of your .vertical-flex container should align the star reviews to the center in the mobile layout of your site, I think.

    Otherwise, nice job! 👍

    Keep coding (and happy coding, too)! 🙌

    1
    Awais Muhammad Ahmed•120
    @awaiskoraiPosted about 4 years ago

    Thank you so much for the feedback! I feel a bit more confident now. Will certainly make those changes <3

    0

Please log in to post a comment

Log in with GitHub

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