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

VS Code, Html, CSS flexbox

@keith-price

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


Any and all feedback/criticism is welcome. I found the mobile layout very easy to achieve but had to experiment a lot with the desktop layout and it still isn't right on very big screens.

On the screen shot I have no idea why the bottom svg is out of position. On the live site it isn't like that.

Community feedback

@pikapikamart

Posted

Hey, great work. But a quick tip so that a lot of users will be able to see the desktop view. Maybe changing your width breakpoint in the min-width from 1440px, i'' be great if your lower it down so that not only users of width from that point could see it, but people with lower dimension can see it as well. Only that ^

1

@keith-price

Posted

@pikamart thanks, I just focused on the parameters that they gave and forgot to add other breakpoints. Thanks for reminding me.

0

@pikapikamart

Posted

@keith-price Your welcome on that^

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