Skip to content
Submitted over 3 years ago

Social Proof Section using HTML & CSS Flexbox and float

Tioluwani Jaiye-Tikolo•130
@tjaiyetikolo
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

I used float for the first time and also tried to make it as responsive as I could at 600px. But I had some issues with the layout at that width. If anyone could please give some feedback it would be highly appreciated.

Community feedback

  • Ola•160
    @olamide203Posted over 3 years ago

    Nice job Tioluwani, I would suggest you use the mobile first Layout approach in order to ensure that it looks good on small devices as well as large ones too.

    Happy coding!

    0
    Tioluwani Jaiye-Tikolo•130
    @tjaiyetikoloPosted over 3 years ago

    @olamide203 Thank you a lot. I’ll try that approach.

    0
  • Asif Bin Latif•30
    @asiflatifPosted over 3 years ago

    nice going. some improvements could be:

    1. fix some responsive issues: if you resize the browser window, you'll find the elements alignment and order goes haywire.
    2. in desktop view, try using full window

    Cheers!

    0
    Tioluwani Jaiye-Tikolo•130
    @tjaiyetikoloPosted over 3 years ago

    @asiflatif Thank you so much I’ve had a hard time with responsiveness but I’ll give it another try.

    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