Recipe Page Challenge - Frontend Mentor

I did not know how to style bullet points. So I made the bullet points in a grid where the left column has a specific width containing the bullet point, and the right column is a free space containing the description. I learnt styling bullet points on the way but decided to keep the grid structure.

I approached this project in a PC first method. So I placed the image on top in a div. While working on the mobile site, I did not know how to make it 100vw because the container had padding. So I added the image in HTML again and used media queries to hide it in PC view and show it in mobile view.