Submitted 14 days ago

Recipe Page using HTML and CSS

Olaniyi-Fatola•70

@Olaniyi-Fatola

Preview site View code

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've been on this project for quite a while, I learnt more about CSS grid, CSS flexbox and even media queries while doing this project.

I'm really proud to finish this project after a long time on the project.

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

I was unable to change the colors of the numbers in the Ol list and even the right colors of the dot list in the Ul lists.

I also tried using tailwind CSS at first for the project but while using it, I am unable to figure out the Ul and Ol list as they are not working, so I had to switch to native CSS.

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

I'll very much be happy if I get a critic on the CSS and also a way to go with the above problems I faced. Thanks

Community feedback

Erkant•200
@erntTt94Posted 14 days ago
Hello, very good job! I would like to help with some of your problems:

To change the color of your ol or your ul you can use li::marker { color: }

For the table and only the second ones you can use td:nth-of-type(2n) and this is going to change the color of every 2nd 'table data' I hope i helped with some of your problems and about @tailwind i can't help, because i use only pure CSS..
0

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