Skip to content
Submitted over 2 years ago

Responsive page using @media

David ferreira•40
@davidferreirad1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my favorite project, I was able to utilize new features I learned recently.

I use the @media feature to make my site responsive for the first time.

Community feedback

  • Thiago Costa de Souza•80
    @souzathgPosted over 2 years ago

    Hi, David! Congratulations on using @media queries for the first time! The only thing I suggest is to add alternative text in images contained in the "SUVs" div and "luxury" div to help with the accessibility of your page.

    I really liked your design! Keep on coding! 🙌🏽

    Marked as helpful
    0
  • Abhilash•920
    @Chiku100Posted over 2 years ago

    Congratulations David on finishing the project! I would advice you to increase your max-width as most phones now a days have wider screen and use flexbox on main to center content. Happy coding!🎉

    Marked as helpful
    0
    David ferreira•40
    @davidferreirad1Posted over 2 years ago

    @Chiku100 I saw this max width issue and solved it on github project :) thanks for the feedback.

    1

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