Responsive Recipe page using HTML and CSS

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

One thing that I am proud of is that even though I have never done any responsive websites before, I have tried and completed the challenge with the help of documentation. Next time, I would like to use a CSS framework like Bootstrap or Tailwind.

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

As I have never done anything like this before, I have a problem creating the exact layout given in the design and also determining the size and position of things corresponding to the design. But I have overcome these things with patience and a lot of documentation.

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

I would like to get some help on several things:

1. How do you choose a specific design for a specific screen size and how do you know if the design will look good on the device?
2. How do you provide space between the points (bullet points in an unodered list and numbers in ordered lists) in the list and the content of the list (the lines written within each element) without using divs?
3. What approach should we follow while making responsive designs (first mobile or first desktop)?
4. How do I write reusable CSS?