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 using HTML CSS

@MarcosGP20

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 challenges did you encounter, and how did you overcome them?

i didn´t know how to import the fonts by .ttf format

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

when i deploy the project on githubs pages the avatar image is not available i don´t know why

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @MarcosGP20!

Your solution looks great!

I have one suggestion:

  • When using the tag <img>, make sure to set the correct path, otherwise your code won't be able to find the image. And if your code can't find it, it won't show. Currently on your project, the avatar of the person is not showing because of this.

📌 This is your code:

<img src="/assets/images/image-avatar.webp">

📌 And here's the update with the correct path:

<img src="./assets/images/image-avatar.webp">

The difference is just a dot but it's enough to prevent your image from showing.

I hope it helps!

Other than that, great job!

1

@MarcosGP20

Posted

@danielmrz-dev thanks man! you´re right, i changed it and now i can see the picture, i didn´t notice this because on my local i can see the image.

Pd: you have a great job on your portfolio challenges!

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