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

Responsive page using @media

@davidferreirad1

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@souzathg

Posted

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

@Chiku100

Posted

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

@davidferreirad1

Posted

@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
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