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

Responsive landing page using HTML and CSS

Timsilve 70

@Timsilve

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?

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-Tozlu

Posted

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

@Timsilve

Posted

@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
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