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

I have used media queries to make my page responsive on a mobile phone

@Brhyancodes

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

George 180

@GeorgeValentin

Posted

Congratulations on your first challenge.

Some advices from me would be to revise it as the design, at least the desktop one looks a bit different from the desired result. One of the most important part of web development/design is being able to follow a design's constraints and making your final product look as close as possible to the initial desired result. You can at least get closer to how the design looks by creating a cart and centering everything, but I recommend you try to make it pixel perfect.

Some other best practices I recommend you consider are:

  • using semantic HTML;
  • try replacing the <table> HTML tag with the CSS Grid container as the <table> element becomes a nightmare to maintain as the HTML code size increases.

Other than that, good job on your first attempt and keep up the pace!

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