Skip to content
Submitted 4 months ago

only html css

Yasser Harzelli•80
@ItsYasser
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • Valeria Montoya•240
    @ValeriaMontoyaPosted 4 months ago

    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
    Yasser Harzelli•80
    @ItsYasserPosted 4 months ago

    @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
  • Davi Martins Freire•160
    @davimartins017Posted 4 months ago

    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
    Yasser Harzelli•80
    @ItsYasserPosted 4 months ago

    @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

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