Skip to content
Submitted 5 months ago

Responsive Recipe Page using Flexbox

P
Aakash Dasgupta•410
@a-d14
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I did not know how to color the numbers and the bullet points in lists. For the numbers, I learned to use li::marker and as for the bullet points I used an SVG, made it the background image with no-repeat and position 0 50%.

What specific areas of your project would you like help with?

I feel the CSS for my table is too complicated. If anyone could help simplify it that would be appreciated. Thank you.

Code

Please log in to post a comment

Log in

Community feedback

  • Nathan Molina•280
    @Natentado

    Well done design implementation and code structure, i would just change the bold span for a more semantic html and add the brown and bold color to the nutrition table calories column, but in general its a great project.

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