Skip to content
Submitted over 3 years ago

Social proof section - Mobile first, Sass, Flexbox, Grid

Joel•290
@joelsalmeida
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

Hello World!

-What did you think of the organization of my code?

-Is there another efficient way to add background images in multiple resolutions?

"Open to tips and suggestions." :)

Community feedback

  • Grace•31,270
    @grace-snowPosted over 3 years ago

    Hi this looks too narrow on desktop and mobile landscape (the background is narrow/misplaced but not the content on mobile landscape I mean)

    Try to get both layouts closer to design if you can.

    Good luck

    Marked as helpful
    1
    Joel•290
    @joelsalmeidaPosted over 3 years ago

    @grace-snow Hello Grace.

    I don't know what is happening. I've tested it on chrome, edge, firefox and it looks in the right proportion. "I also opened it on my smartphone and it looks ok"

    Please compare your browser result with my screenshots "are in the screenshots folder". So tell me if there's anything different. "I would be very appreciative of your help" :)

    [My screenshots] (https://github.com/joelsalmeida/social-proof-section-master/tree/main/screenshots)

    In the preview here of Frontend Mentor, it was really weird. Sounds like a case for Sherlock Holmes. haha

    The background problem, mobile landscape version... There really is something wrong. I'll try to solve it.

    Tnks so much.

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    ⭐ ⭐ ⭐ ⭐ ⭐ Nice Job

    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