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 Profile Card Component [HTML5 & CSS]

@BrendaMichellle

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had a bit of a difficult time making the background responsive. I also tried using BEM any feedback is appreciated thank you.

Community feedback

@Sk7867

Posted

Hello BrendaMichellle 👋 There's a small problem with your HTML code. Start your img src link with ./images and so on. Because of single ( . ) both of your images are not accessible. Also your solution says 404 in image, when submitting live site link pass it with index.html file like this: "https://brendamichellle.github.io/profileCardComponent/index.html So others can access properly. It looks great once you fix those. Happy Codding!😁

1

@BrendaMichellle

Posted

@Sk7867 Just fixed the issue thank you really appreciate it :)

0

@edgarfb

Posted

Hello Brenda. You need to centering the content. On my phone there is extra space on the top, and the opposite on my laptop(extra space on the bottom). Hope this help you. Nice work.

0
Amon 2,560

@A-amon

Posted

Hello! It's a 404 site not found~

0

@BrendaMichellle

Posted

@A-amon Just fixed :)

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