Simple Omelette Recipe Page - HTML, CSS & Responsive Design
Design comparison
Solution retrospective
I’m proud of how well the layout and typography turned out, especially the clean and structured design. The use of CSS custom properties and responsive styling made the page look great on different screen sizes.
What challenges did you encounter, and how did you overcome them?Handling the list styling for the ingredients and preparation steps required tweaking the default styles. I used CSS pseudo-elements to customize bullet points and markers, achieving a cleaner, more polished look.
What specific areas of your project would you like help with?I’d love feedback on: Code Structure: Are my CSS and HTML well-organized? Best Practices: Any unnecessary code or areas for improvement?
Community feedback
- P@Stash443Posted 15 days ago
Your solution does not contain semantic HTML, try implementing it in future projects it helps with SEO and readability. Also normalize adding comments in your CSS so that you don't get confused next time you view your code after a while. Your code is well structured and readable as well as your media query. Overall you have coded well. Well done.
0
Please log in to post a comment
Log in with GitHub
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