Design comparison
Solution retrospective
A good refresher exercise I feel I can do better next time I do a exercise.
What challenges did you encounter, and how did you overcome them?Everything is a challenge right because I just comeback from doing this again.
What specific areas of your project would you like help with?I want a clean code where its easy to understand.
Community feedback
- @krushnasinnarkarPosted 4 months ago
Hi @Introxiety,
Congratulations on successfully completing the challenge!
Your solution looks nice, though there are a couple of things you can improve, which I hope will be helpful:
-
Width of Recipe Page: Your recipe page is currently occupying the entire width of the viewport. To make it look more like the design, wrap your
<header>
,<main>
, and<footer>
elements inside a container and give the container amax-width
of 736px (or whatever width suits the design). Additionally, add some top and bottom margins to the container. -
Centering the Page: After making the above changes, the recipe page will align to the left. To center it, add the following CSS to the
<body>
element:display: flex; justify-content: center;
-
Background Color: Ensure the background color of the
<body>
matches the design specifications.
I hope you find these suggestions helpful.
Feel free to reach out if you have more questions or need further assistance.
Happy coding!
Marked as helpful0@IntroxietyPosted 3 months ago@krushnasinnarkar Im so excited to submit it that I thought I finish it I forgot some details thanks for the feedback I fix it, if there's anything i can approve just tell me thanks.
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