Submitted about 2 months ago

Responsive Recipe page using media query

Bartek20• 120

@Bartek20

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I need help with increasing spacing between bullet points / numbers (:marker) in lists (ul / ol).

Community feedback

Niels• 140

@nielsfechtel

Posted about 2 months ago

Looks great! Regarding bullet point-spacing, what worked for me was padding-inline-start: ...; on the <li>s.

Marked as helpful

Bartek20• 120

@Bartek20

Posted about 2 months ago

@nielsfechtel that's exactly what I was looking for. Somehow I haven't thought about just adding padding on <li>s. Thanks.

Please log in to post a comment

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