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 landing page using @media

@franciscolima-pro

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@SteveNoyes

Posted

You're using a percentage for the .container width but fixed pixel widths in media queries. It’s better to stick to one unit type for consistency and responsiveness. You can use max-width in combination with percentages to ensure flexibility across different screen sizes.

The class name .conteiner appears to be a typo. It should be corrected to .container to follow standard naming conventions.

The font family is defined both in the body selector and within specific heading tags. Since a consistent font style across the entire site is often desired, it’s best to apply the font families in :root or at the body level and override it only when necessary.

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