Submitted over 1 year ago

Recipe Page

jordancareyui•80

@jordancareyui

A solution to the Recipe page challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'd like to think this is pretty clean for not using Figma. Ideally, I could push it to be a little more accurate, but then I'd have to generate another screenshot and I don't want to run out of those... I wasn't thinking mobile-first though since the other challenges haven't required much of that type of thinking, so I'll try to approach things from that mindset in the future.

What challenges did you encounter, and how did you overcome them?

I already know HTML fairly well, so instead of focusing on writing semantic HTML, the challenge was more like, "learn how to style tables and write a media query"... I ended up taking a few lines from this person's CSS (https://www.youtube.com/watch?v=hbgGn96daIk), and asking for help on the Frontend Mentor Discord.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on jordancareyui'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