Recipe Page Main

What are you most proud of, and what would you do differently next time?

I am proud to have learnt how to use flex: grid to structure the nutrition part at the bottom of the page.

.nutrition-grid div { display: grid; grid-template-columns: 1fr 1fr; align-items: center; border-bottom: 1px solid var(--stone-150); padding: 0.5rem 0; } And learnt to style the bullet point of the <li> items using li::marker .

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

I faced some challenges while styling the grid items.But I was able to learn about it as I went.

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

I need to learn to reduce the code that I repeat.