Submitted 9 months agoA solution to the Recipe page challenge
Responsive Recipe Page - HTML & CSS Solution
@ahsanma

Solution retrospective
What challenges did you encounter, and how did you overcome them?
The major challenge was to vertically center the bullet point of the preparation list. Also to wrap the text around the list without coming to the bullet point, as in the design.
What I came to know, is that we cannot set either margin or padding for the ::marker pseudo element, thereby limiting the ability to style it.
It would be great to have feedback on my HTML & CSS Code overall as well as any specific improvement that I could make in my code.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Ahsan's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord