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

Used flexbox and grid

@GavinLang9

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


If there is anything I can improve on, please let me know!

Community feedback

@ArturHarutyunyan1

Posted

try to improve your responsive design

1

@mohit1607

Posted

@ArturHarutyunyan yeah that also I forgot to mention.

0

@mohit1607

Posted

Hi Gavin You got it almost perfect. I assume you are working with Laptop so, you from your side done well, you can use an extension called Perfect-pixel to imitate the design as same, @ApplePieGiraffe recommended it to me. And You can use font-size in "rems" instead of "px" followed by declaring a font-size percentage. Default font-size is 16 px so you alter set that and use it in "rems". Another minor things I noticed are html issues that You did'nt used heading in sections, I will not go into details but you can see your accessibility reports and improve them. I think for UI, you did a great job.

1

@GavinLang9

Posted

@mohit1607 thanks for the feedback! I just started learning front end web development this summer so I don't know all the best practices for certain things. I was wondering if there was any article or resource I could use to better understand how to use landmarks. I understand they are important in SEO but I don't fully grasp how I should be using them. Thank you!

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