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

Blog preview card solution

bilal 30

@M0BLACK

Desktop design screenshot for the Blog preview card 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?

learning by doing is the best way to enhance you skill

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

so easy :) , i did not face any challenge yet

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

if any one has any advise, welcome. and thanks in advance :)

Community feedback

P

@cdanderson76

Posted

Nice work! There's not a lot that I can say about this one. I would say that when it comes to Github, when you are using file paths, leave the initial '/' off of the file path. For some reason, Github doesn't read those well. You have them in lines 3 and 8 in your 'style.css' file. The font face lines import properly in VS code, but they don't show on Github unfortunately. I changed the code to the way it should be uploaded to your repository:

`@font-face { font-family: "Figtree"; src: url("assets/fonts/Figtree-VariableFont_wght.ttf"); }

@font-face { font-family: "FigtreeItalic"; src: url("assets/fonts/Figtree-Italic-VariableFont_wght.ttf"); }`

I took off the initial '/' in the 'src: url' lines. That way, those files will import properly on Github :) Outside of that, everything is great!

Marked as helpful

1

bilal 30

@M0BLACK

Posted

Thanks a lot, i didn't realize that problem. I'll fix it@cdanderson76

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