Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am exited that I am doing the challenges in a beautiful way and using different tools .
What challenges did you encounter, and how did you overcome them?I had a problem aligning the text to the left for all the elements
What specific areas of your project would you like help with?How can I make my Landing page very responsive page for all sizes . ?
Community feedback
- @FoxMalder-coderPosted 10 days ago
Hi! You just need to change (width: 570px) to (max-width: 570px) for main element in media query (min-width: 401px)
1 - @marcosVDaCruzPosted 19 days ago
I always create a responsive.css file, in it I put:
@media(max-widht: xxxpx) { # xxx = The maximum width of the device
.recipe{ margin: o%; }
}
You can use an extension like responsive view to see the result. So change as you find more responsive. I hope I helped.
0
Please log in to post a comment
Log in with GitHubJoin 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