Skip to content
Submitted almost 2 years ago

Responsive Recipe Page, Desktop-First with mobile view, HTML CSS

P
BT7388441,000
@BT453567
A solution to the Recipe page challenge

Solution retrospective


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

Creating the Nutrition table.

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

In the Nutrition table, having a different colour text in the second column, and also having no border line at the bottom of the table.

I used the following code:

td:nth-child(2){ color: var(--primary-nutmeg); font-weight: var(--custom-font-weight); }

tr:last-child td{ border-bottom: none; }

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

How does the code compare to professionally written code.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on BT738844’s solution.

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