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

HTML CSS (Media Queries, clamp())

@Andre-POF

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 specific areas of your project would you like help with?

Any help is welcome to understand better responsiveness using CSS. Thank you !

Actually any help is appreciated!

Community feedback

@ARiYaNSEp0-0

Posted

Hi @Andre-POF, you did good on this challenge. if you fix spacing like padding it's get better. for layout of this recipe page in mobile (lower screens) I used this great article from josh cameau you can read it if you want to get idea (if you are familiar with grid and even if you not full explanation in this article is provided by josh) : https://www.joshwcomeau.com/css/full-bleed/

Marked as helpful

0

@Andre-POF

Posted

Hey @ARiYaNSEp0-0 ! Thank you so much. Got to look into It!

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