Skip to content
Submitted over 2 years ago

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

Johnny•470
@johnnysedh3lllo
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

(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

  • Nirajan Prasad•190
    @behubjPosted over 2 years ago

    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
    @johnnysedh3llloPosted over 2 years ago

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

    0
    Nirajan Prasad•190
    @behubjPosted over 2 years ago

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

    1
    Johnny•470
    @johnnysedh3llloPosted over 2 years ago

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

    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