Recipe page made from HTML and CSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @gtarrojo
Overall, this is a very well-structured and nicely styled recipe card!
Minor Suggestion: While using <div> wrappers for the Ingredients and Instructions sections is perfectly fine, you could consider using <section> tags instead for slightly enhanced semantics, as these represent distinct sections of the document. However, div is absolutely acceptable here.
Area for Improvement: The card has a fixed width: 640px. On screens narrower than this (plus padding), the card will overflow or cause horizontal scrolling. Similarly, the table has width: 600px.
Suggestion: Use max-width instead of width for the .card and table. This allows them to shrink on smaller screens while not exceeding the specified size on larger ones.
Marked as helpful
Join 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