Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page css html flex box

#accessibility#cube-css
aman kumar 710

@amankumar1222

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Hi my name is aman kumar i am learning web development now my focus to learn js so please help me to learning

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

it's simple

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

in responsive

Community feedback

@rahulkumar215

Posted

Hello @amankumar1222👋

Congratulations on successfully completing the challenge! 🎉

I have a suggestion regarding your code that I believe will be of great interest to you.

  • in Nutrition section, You have set

          <tr>
            <td>Calories</td> // black color
            <td>277kcal</td>
          </tr>
    

however, in design it's actually var(--neutral-wenge-brown);, so you might want to set it

td:first-child{ color: var(--neutral-wenge-brown); }.

Its just a slight improvement, but I hope it helps.

  • You have also set the border at the last child of the table as well, where in design its not there

so instead of this

td { border-bottom: 1px solid #ddd; // this one }

you should use this

tr:not(:last-child) { border-bottom: 1px solid #ddd; }

I hope you find this helpful 😄 Above all, the solution you submitted is great !

If you need any feedback or suggestions, I am happy to help

Have Fun Coding!

1
aman kumar 710

@amankumar1222

Posted

Thanks bro and i will update my solution soon

0

Please log in to post a comment

Log in with GitHub
Discord logo

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