Skip to content
Submitted 9 months ago

Recipe Page using Vanilla JS

Justin Connell•720
@justinconnell
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I decided to build this project using Vanilla JS and standard CSS3. I used web-components to break the page down into it's respective content areas:

  • Header
  • Preparation section
  • Ingredients section
  • Instructions section
  • Nutrition section

Each component contains the relevant HTML and CSS for rendering the component and base CSS is homed in the root style.css file.

Community feedback

  • Jumagobe•1,050
    @JumanjigobezPosted 9 months ago

    Hey, @justinconnell Congrats for your successful completion of the challenge.

    It's Dope! Wonderful job.

    #Don't Give Up

    0
    Justin Connell•720
    @justinconnellPosted 9 months ago

    @Jumanjigobez , thanks so much - I appreciate your comment :), I was sort of going for dope ;)

    1

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