Submitted 6 months ago

Receipe Page Solution

Muhammad Hafizh Abdillah AR• 40

@dorman99

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

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

@Blurryface1998

Posted 6 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>.

Muhammad Hafizh Abdillah AR• 40

@dorman99

Posted 6 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

Please log in to post a comment

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