Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Hamsolovski

Posted

Hello ! Few tips if you want :

  • It is possible to style the bullet points of your lists using li::marker {} : you can change color, margin, and quite a lot of stuff.
  • Avoid naming your variables with the value they contain : if one day you have to change a color, you'll end up either having a variable named yellow containing red, or renaming the variable in your entire file. If you can, name them after their role : title-colour, background-colour, etc.

Otherwise, you have the basics all right, but some elements of the original design are missing : padding, some text font and colors, the frame for preparation time, etc.

You're not very far :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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