Skip to content
Submitted 7 months ago

Receipe Page Solution

Muhammad Hafizh Abdillah AR•40
@dorman99
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

What are you most proud of, and what would you do differently next time?
  • i still need learn more how to manage the class and variable in a way to make the code more cleaner
  • learn more about how the media query works
What challenges did you encounter, and how did you overcome them?
  • how to start slicing
  • media query
  • grid and flex
What specific areas of your project would you like help with?
  • how do i start slicing component
  • how do i create a proper definition for each class so it could be reusable

Community feedback

  • Djordje Rajc•260
    @Blurryface1998Posted 7 months ago

    Hello, everything looks great. maybe just change list-style-type for <ul> elements to square and I think the color of <p> and <li> elements are grayish. Also instead of using <div> for nutritions section, you can use <table>.

    0
    Muhammad Hafizh Abdillah AR•40
    @dorman99Posted 7 months ago

    thanks for the feedback man, was wanted to use the table tag, but want to explore more how could i manage the <div/> lol, but thanks !! @Blurryface1998

    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