Responsive landing page using CSS Grid & Flexbox

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

I'm most proud of making it responsive to different screen sizes since it's my first time using media queries and maintaining consistent CSS class names.

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

I encountered a problem where I can't remove the last divider line in the nutrition table I created using CSS grid. The part after the fat nutrition facts at the bottom. And I also couldn't get my ordered list numbers to be the same font as the solution.

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

Removing the last divider line after the fat nutrition facts. Also I changed the font-family for the ordered list in the instructions and used the two fonts that were in the style guide but my numbers still don't look like the numbers in the solution url.

Other than that, just requesting to see if I followed best practices in my code. Thank you.