Frontend Mentor challenge 4: Recipe Page.

I implemented some of the advice given to me on my last few challeges, and i would like to know if i did better this time :).

1. The list elements. I took a very round about way to fix two things- one of them being changing the width of the bullet points. I used li:marker { width: 0.3rem; } but it did not change the size. the second thing was the space between the li and the text. For both the ol and the ul, I used the pseudo element ::before to make that space(and changing the size of the bullets), but it got much more complicated with the ol and the code got longer than I'd have wanted it to. If there's a better way to fix these, please tell me.

2. Is there a way to increase space between li elements without turning ul or ol into flex elements? I don't think gap: works without flex( I could be mistaken.)