Submitted over 3 years ago

Responsive Profile Card Component [HTML5 & CSS]

Brenda Michelle• 80

@BrendaMichellle

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Profile card component

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

Siddhesh Kamble• 330

@Sk7867

Posted over 3 years ago

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!😁

Brenda Michelle• 80

@BrendaMichellle

Posted over 3 years ago

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

Edgar Fernando Britez• 355

@edgarfb

Posted over 3 years ago

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.

Amon• 2,560

@A-amon

Posted over 3 years ago

Hello! It's a 404 site not found~

Brenda Michelle• 80

@BrendaMichellle

Posted over 3 years ago

@A-amon Just fixed :)

Please log in to post a comment

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