Skip to content
Submitted over 1 year ago

Profile Card component using flexbox (and a snippet of grid)

Michael Okwuosah•50
@michaelo-o
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Third Challenge done, might have to take a break for a while. Anyway, i have to admit, i had no choice but to look up other solutions to get the profile photo part done, but besides that, there wasn't much stress.

As usual, feel freee to comment with code improvement suggestions. And lastly, can someone please tell me how to deal with the github pages issue where images are not being displayed?

Here's the link to the gitbub pages site; https://m1chae-l.github.io/fc-profilecardcomponent/

Community feedback

  • Abdul Khaliq 🚀•72,560
    @0xabdulkhaliqPosted over 1 year ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    • I have some recommendations regarding your doubts that I believe will be of great interest to you.

    SUGGESTION 💡:

    • "Can someone please tell me how to deal with the github pages issue where images are not being displayed?", Sure i'm here to guide you.
    • Here the image path you provided need to be starts with ./ because putting ./ states that your index.html file is in the root directory. So we can quicky fix by adding the ./ infront the image src path.
    • Example: <img alt="victor" class="profilephoto" src="./images/image-victor.jpg">
    • Note: ./ is important here, which states from the root of a folder

    .

    I hope you find this helpful 😄 Above all, the solution you submitted is great !

    Happy coding!

    Marked as helpful
    1
    Michael Okwuosah•50
    @michaelo-oPosted over 1 year ago

    @0xAbdulKhalid Wow, so it was that simple of an issue. I actually kinda feel silly for not thinking about that when I added ./ to my other image src path.

    Thank you.

    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