Submitted about 2 months ago

Simple Recipe Page

Andrew McCutchan• 10

@andmccutchan

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 are you most proud of, and what would you do differently next time?

How similar/clean I was able to get it to the original design

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

Determining spacing etc. I have not done too much stuff messing with line-spacing and kerning to that was new

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

For all the lists in the project, I could not figure out how to get new lines to stay indented with the previous lines while keeping the bullets inside of the element

Community feedback

Jani-B• 270

@Jani-B

Posted about 2 months ago

Looks very nice :)

You were asking about the list items and the numbers and bullets. Do you need to use the list-style-position inside? I think that has the major effect on how the text is shown. I think you should keep the bullets and numbers outside so they will not effect the text flow. (if you decide to change it - remember to remove also the li::before margin - so it will not effect your design.)

But from my opinion the design and code looks very clear and I like it :)

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