Skip to content
Submitted almost 4 years ago

Responsive Profile Card Component [HTML5 & CSS]

Brenda Michelle•80
@BrendaMichellle
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Siddhesh Kamble•350
    @Sk7867

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

  • Edgar Fernando Britez•355
    @edgarfb

    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

    Hello! It's a 404 site not found~

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