Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Repice Page + Darkmode Toggle

#vite
Kirsten βœ¨β€’ 460

@ofthewildfire

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello! This is my challenge solution to the Recipe Page

I added a dark-mode toggle and the colours are just the inverted versions of the original with slight deviations were they weren't working for me. I did try and write the HTML well but if there is any issues please let me know so I can improve.

What I did

  • I tried to write the HTML and pick appropriate tags for the job.

  • I added a dark mode.

Things I plan to do

  • Completely clean up / re-write my CSS its late and I just wrote it, but there is clutter and repetition and less than ideal naming conventions happening. This will be fixed.

  • Naming. This also is a result of it being 1am and me being slightly asleep, but, wanting to finish before knocking out! Will be corrected and made more consistent.

All feedback welcome, looked for and appreciated! Be well! ✨

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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