Recipe Page

Hi Dylan!

We meet again. This time, I was assigned to review your solution by the algorithm. Your solution looks good overall, but upon closer inspection, I found a few small differences in padding and gap dimensions compared to the ones specified in the Figma file.

1. In the desktop version of the page, the gap between the image and the content should be 40px, but yours is 24px.
2. In the mobile version, the content padding should be 40px on the top and bottom and 32px on the sides, whereas yours is 24px on all sides.
3. Another small difference is in the list items: their markers (bullets or numbers) should be a bit more indented. In the Figma file, they are 8px from the left border of their parent container.

I can't comment much on your CSS code since I don't know Sass, but I can say that it's much shorter and cleaner than my "vanilla" CSS code. I'll make sure to learn Sass once I solidify my knowledge of "vanilla" CSS.

Hiya @josip-h,

Thank you for your feedback, I appreciate it! I finished this project without using the Figma file as I wanted to save my design tokens, so I tried to recreate it using the screenshots. I'll change the values you mentioned so it's more in line with the design. I like working with SASS and I can recommend it. It still offers a lot of useful features that vanillla CSS doesn't, even though vanilla CSS supports nesting now.