
Design comparison
Solution retrospective
Any criticism is welcome, especially with the CSS I think I was too verbose but I don't know how to cut back on that.
Community feedback
- @dar-juPosted 3 months ago
Hi AmyH-goose!
Great job! Your page is responsive, the code is well written, you use comments, which is a good habit.
A few points about the code:
- you use several section tags, a section is an entity that has a general meaning, this recipe is a separate section. In the context of the site page, there may be other sections - a popular recipes section, an advertising section, and so on. Inside the recipe, you can get by with div blocks
- in this case, it is not necessary to use the <picture> tag, it is used if you have different images in different screen resolutions
Your work is excellent, and my comments are insignificant.
As for your message about the size of the CSS code - it is quite normal, I do not see anything unnecessary. If this recipe were on a real page, the code would be much larger, because you would have to assign separate classes to headings, paragraphs and other tags. If you use bundlers and frameworks, the code will be infinitely huge))
Good luck with your developments!
Marked as helpful0 - @carter212-starPosted 3 months ago
Your work looks great. I recommend you to make your work as pixel-perfect.
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