Responsive Recipe using CSS-grid and CSS-flexbox

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

Customizing lists marker and padding .ul { padding-inline-start: 17px; }

li::marker { color: hsl(332, 51%, 32%); }

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

1-Customizing list items and indentation. 2-It's important to remember you need to use 'px' and not 'rem' in media queries! 3-Never forget to set box-sizing to border-box!