Skip to content
Submitted 6 months ago

Responsive landing page using HTML and CSS

Timsilve•70
@Timsilve
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?

Am proud to have done it alone

What challenges did you encounter, and how did you overcome them?

My challenge was on Deploying the repository on GitHub pages

I later realized that for the livesite to display my webpage i must not include all my file eg the index.html in a subfolder

What specific areas of your project would you like help with?

The font-family Why is mine not working

Community feedback

  • Adem Tozlu•160
    @Adem-TozluPosted 6 months ago

    Hello, I looked at your code and there are errors in it, for example in line 15 (CSS) is missing (;). The Fontfamly name is spelled incorrectly, try it here.

    add this where you have @font face

    @import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');

    Then check if you have the names correct and font weight. example it would look like this.

    font-family: "Young Serif", serif; font-weight: 400;

    I'll also give you a tip on how to color the numbering

    ol li::marker{ color: var(--color-primary-nutmeg); font-weight: bold; }

    0
    Timsilve•70
    @TimsilvePosted 6 months ago

    @Adem-Tozlu Wow Thanks a lot for the corrections 💪✌️

    I will update it soon

    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