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

Mobile First Responsive Social Proof Section Made With CSS Grid & Flex

#accessibility#bem
Johnny 470

@johnnysedh3lllo

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


(2nd Attempt)

Hey guys, at this time I've completed all the challenges on Frontend Mentor that requires only HTML & CSS to complete.

in this project, I initially found it a bit tricky to get the cards to stack as specified in the design but well, I used a lot of CSS Grid to get the design specifications. at some point, i thought it was a little too much Grid 😅 but I'm not sure so please feel free to tell me what you think of my code and solution in general. any advice on best practices would be really appreciated.

Community feedback

@behubj

Posted

Hey Johnny Congrats you did very well

I saw your code and i found one thing, When i open your solution on desktop it become too large and design looks messy to fix that you can create a "div" and center that "div" in that div you paste your "header" and "testimonial-section" then give the "div" to size when you satisfied with the design( like { max-width: 1220px;})

Hope you like it, Happy coding...

1

Johnny 470

@johnnysedh3lllo

Posted

thanks man. I'll review again. please if i may ask. what screen size is your desktop?

0

@behubj

Posted

@johnnysedh3lllo I don't have idea bro (i am using Acer vg240ys, with 1920*1080)

1
Johnny 470

@johnnysedh3lllo

Posted

it's all good man. thanks again for the feedback.

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