Recipe Page + CSS Flexbox

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

I am proud of getting very close to the design.

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

I was struggling to color the `` bullet points but I overcame by learning about the ::before tag. Although I am using that tag, I notice on mobile that when text goes on two lines the second line starts to bleed into the bullet point. I am not sure how to fix this.

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

I used a media query and wrapped a div around the img tag in order to get the image to go across the screen. I applied padding to the wrapped div and then removed the padding when on a smaller screen. Please provide feedback if there is a better way.

I am not super familiar with using local fonts and importing them using @font-face. I tried to reduce the reuse of font-family but creating a heading and subheading class with different colors, and font-family.

Please provide any other feedback!