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 Design with Media Query

Bryan 70

@BataaB

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

There were still some styles I couldn't get right. Like how the second of line of the list element keep starting from under the bullet point.

Community feedback

@MarcosAvg

Posted

Hi, good job with your solution, just a tip.

  • You can assign a max-width to your container card so that the responsiveness starts to work at a certain width container and not at the resolution of the device.
  • It would also be correct to use the HTML in a more semantic way, it will help to the later reading, but it is still very well structured.

Keep learning, good day!!

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