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

User Profile Card

@Moses2308

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 used relative and absolute positioning in order to get the profile picture where I intended it to be. What other methods can be used to achieve this effect?

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

You can also make the element overflow from the parent element by fixing its height to a certain height and then giving it more height than parent element. And by adjusting the height of the <div> element in which the image is present.

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