Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Submitted 9 months ago

Html and CSS recipe page

Mohammed Ayoub Nedjima•170
@Mohammed-Nedjima
Preview site (opens in new tab)View code (opens in new tab)
Desktop design screenshot for the Recipe page coding challenge
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 how to make the spacing between the ul and ol marker and the li itself bigger. After I did some research I find a way using after and a counter but I didn't find it convenient. can you tell me how did you overcome this problem

Community feedback

  • P
    Dimas Saputra•60
    @dsapoetraPosted 9 months ago

    I like how you state necessary things in your README.md, but I kinda confuse why main.css is there but you're not using it. This might be personal opinion, but I find it more difficult to understand of your CSS grouping, IMHO I prefer repeating the CSS but make it clearer of what components using it. But good job!

    0

Please log in to post a comment

Log in with GitHub

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub