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 Mobile & Desktop subscription card

Helmuth 40

@helmdyck

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was a good practice for HTML, CSS and media querys.

Community feedback

@iamdylanmj

Posted

You have done absolutely great, as a newbie like your self, let me share some ideas with you. In your media query you use min-width as 1440px and also you have specified body width to 1440px under that media query. In media query , min-width is used for larger screens and the opposite, max-width is used for smaller screens. So your rules within the media query will apply screen width greater than 1440px. If it is not what you need you have to reconsider it, and also specifying body width to 1440px within the media query may give horizontal scroll. here are some resource that helped me my learning journey . https://www.youtube.com/watch?v=2KL-z9A56SQ, https://www.youtube.com/watch?v=yU7jJ3NbPdA. I hope this may help you.

Marked as helpful

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