Skip to content
Submitted almost 4 years ago

html, CSS

David Ouma•270
@daudi13
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

I had trouble with the responsive design especially for the mobile design (375px) can somebody point me to the right direction?

Community feedback

  • Abhik•4,840
    @abhik-bPosted almost 4 years ago

    Hi David 👋 Good job on this challenge , it is responsive and looks good overall

    Just some opinions ~

    • don't give any class to body, select them in css by just body
    • what I understood from your question, to fix that my solution would be replacing @media (min-width:375px) with @media (max-width:768px) or a max-width with value > 375px
    • moving grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); to .quotes instead of media queries might actually work

    Good job overall, Happy coding and keep contributing 🚀

    1
    David Ouma•270
    @daudi13Posted almost 4 years ago

    @abhik-b Thank you let me try out this new changes

    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