Submitted over 2 years ago

Profile-Card using html and css

Michelle Monrreal• 40

@MichelleMonrreal

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

So the only thing that I found difficult was the background images and positioning them. But it looks fine in mobile device view (375px) and in the 1440px view but any bigger than that it looks weird. But I also just started learning about background positioning and having a responsive layout. So any advice would be greatly appreciated!

Community feedback

Kamasah-Dickson• 5,590

@Kamasah-Dickson

Posted over 2 years ago

Your solution looks great and responsive on smaller devices also. But what I will say is

U can use a max width on the images to prevent them from breaking on large screens.
on your footer section the footer is overflowing the container when I scroll. Remove every positioning property and just add text align center

Besides good job there👍👍 Happy Coding👍💻

Michelle Monrreal• 40

@MichelleMonrreal

Posted over 2 years ago

@Kamasah-Dickson Thanks so much will defiantly do that!!

Kamasah-Dickson• 5,590

@Kamasah-Dickson

Posted over 2 years ago

@MichelleMonrreal okay happy coding💻👍

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