@krushnasinnarkar
Posted
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-widthof 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 helpful
