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

Submitted

Recipe page using html and css

ryulianaa 30

@ryulianaa

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Everyone.. Please feel free to share your comments and suggestions for improvement.

Community feedback

@Shalmali-Patil

Posted

Great job on completing this challenge! I liked how you used variables in CSS - I'm yet to try them.

One thing I observed in your solution (that I too faced when doing this challenge) was the Young Serif font not getting picked correctly for the headings. Since the font files are included in the starter kit, I imported the fonts like below:

@font-face {
    font-family: 'Young Serif';
    src: url('assets/fonts/young-serif/YoungSerif-Regular.ttf');
}

And then used them as:

h1{
    font-family: 'Young Serif';
    font-size: 36px;
}

Hope this helps.

All the best!

Marked as helpful

1

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