Design comparison
SolutionDesign
Community feedback
- @moonji-spoonjiPosted 2 months ago
I see a few missing and misplaced pieces, but it looks great over all! Here are the changes and additions I think would make your project closer to the design:
- the body doesn't seem to be reaching the bottom of the page in the side-by-side preview here, so maybe you could add
height: 100vh
or 100% to your body element block to make it - the background color of .recipe-wrapper should be --clr-White
- the background color of .preparation-time should be --clr-Rose-White
- the spacing between the headings of each section and their contents should be larger, so maybe you could use a margin instead of using line-height
- the color of the horizontal rules (hr) doesn't show, a way you can style it is like this:
hr { border: 1px solid var(--clr-Light-Grey); }
Those are all my notes, very simple fixes that I think would help improve your project!
0 - the body doesn't seem to be reaching the bottom of the page in the side-by-side preview here, so maybe you could add
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