Skip to content
Submitted 9 months ago

blog card preview

MBA PERCY•10
@edoumps
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I think i did my best to really replicate the authentic design.

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

I don't kwon why the images are not displayed when i launch my solution on github.

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

Javascript

Please log in to post a comment

Log in with GitHub

Community feedback

  • Haitham Abdulhamid•210
    @Leo-yagami

    The solution to this problem is in the path. If you don't use the period(.) at the start of the image path, the engine will search for the image starting from the root folder which you obviously don't want. To indicate that you want the search to start from the current directory where all your files are, just add the period at the start of the path like this:

    <img src="./assets/images/avatar-jessica.jpeg" alt="profile photo"/>
  • Account deleted

    to solve the image problem just add . before / like this:

    <img src="./assets/Blog Image.png" alt="blog image">

    <img src="./assets/userpic.png" alt="">

    https://github.com/orgs/community/discussions/23086#discussioncomment-3239036

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