Submitted about 1 year agoA solution to the Recipe page challenge
Simple recipe page built with HTML and CSS
@Outstandinggirl13

Solution retrospective
What are you most proud of, and what would you do differently next time?
- I found it enjoyable and convenient to use the clamp() function.
- I’m pleased with how I handled transitions between larger and smaller screens — it looks smooth.
- I learned a bit about the :first-of-type and :last-of-type pseudo-classes.
Two of the major challenges I faced were:
- Adjusting the padding/margin values to suit both mobile and desktop versions (mobile and desktop designs had different margins, making it uneasy to replicate the design).
- Styling the bullet points in the lists (tbh, I think there must be an easier approach that doesn't lead to the issues I mentioned in the README in my GitHub repo).
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Outstandinggirl13's solution.
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