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

React Js App

@Pedro-Vitor-SG

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


Focused on understanding the basic structure of a project in react, its imports and etc. Always trying to improve responsiveness. The basics.

Community feedback

@samuelpalaciosdev

Posted

Hi, Pedro👋

Great job on this challenge👍

I only suggest some things 😉:

  • Maybe, you don't need height on the cards. I mean, setting an explicit height, could cause you some problems, when talking about responsivenes, you could try to get the same result using padding. As I'm seeing on your project, the cards on desktop wiewport lacks content, that's because of the height you set.

  • On mobile view, there's some scrollbar. I'd set an overflow-x:hidden on the body. The content is too big to fit in the specified area on mobile view, setting an overflow-x:hidden would help.

I hope this would help you, have a nice day, keep coding!💙

0

@Pedro-Vitor-SG

Posted

@samuelpalaciosdev Wow, thank you so much for the comment, helped a lot. I'll do better!!

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