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

desktop solution with html and css

@dcolaneri

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


Any feedback will be appreciated.

Community feedback

Raymart Pamplonaβ€’ 16,090

@pikapikamart

Posted

Hey your work is good. But there is one issue that I saw

In your media for mobile at media (max-width: 375px). Remove this class call

img:first-child {
    /* bottom: 480px; */
    /* right: 80px; */
}

Since if you look at. the image jumps at the point and goes out of flow^

0
drallasβ€’ 375

@Drallas

Posted

Hello Damian

Seems very good to me, very nice and clean code too. Card size is only a bit bigger than the design, but I'm sure you can refactor it to be closer to the design.

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