I created a recipe page using html and css

Your implementation looks great. You can change the color of the list style type with

li::marker {
    color: value;
}

There is also more space between the marker and the text. You also add one more horizontal line after the Fat. You can think of adding more semantic HTML like main or other. I also looked at the mobile design and the image is not rendered as expected. You can achieve this by using

section {
  background: var(--White);
  border-radius: 10px;
  width: 60%;
  margin: 120px auto;
}

In the media query