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

only html css

@ItsYasser

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

didn't include fonts because its repetitive

Community feedback

P

@ValeriaMontoya

Posted

Hi Yasser 👋🏼 your code seems well structured in general. However here are some steps you could consider for your next project. To easily import fonts from Google Fonts into your website follow these simple steps:

  1. Go to the Google Fonts website at fonts.google.com.
  2. Browse or search for the font you want to use.
  3. Once you click on the font, click on "Get font" button.
  4. Once you have selected all the fonts you want to use, click the icon on the top right.
  5. Now click "Get embed code" and you will find a code snippet that you need to add to your HTML file. Copy this code snippet.
  6. Paste the code snippet into the <head> section of your HTML file, between the <head> and </head> tags.
  7. Save your HTML file and refresh your website. The fonts should now be imported.

By following these steps, you can easily import and use Google Fonts on your website to enhance the typography and design.

I hope this is helpful to you!

Marked as helpful

0

@ItsYasser

Posted

@ValeriaMontoya Hello thank you for your reply, i'm well aware of how to add fonts, i've been trying to solve these challenges all day and the most reptitive thing is adding fonts so i guess i just got lazy, Thank you again

1

@davimartins017

Posted

The only difference from the original solution is the sources and spacing in the nutrition part, otherwise everything is fine

And in relation to what you said about adding fonts being repetitive, you can use a :root to store fonts and colors, for example, which makes it simpler and less repetitive to add fonts in different parts of the code.

I hope I helped, see you next time!

Marked as helpful

0

@ItsYasser

Posted

@davimartins017 thank you for your reply, ill make sure to check out your idea of using :root, im not familiar with it this is the first time that i hear about it.

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