Skip to content
Submitted over 2 years ago

Profile card component built using HTML and CSS with Flexbox

Vasu Beachoo•910
@VasuBeachoo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What is the best way to create the background? With my method, the images do not stay in the same position. Was there another way that I could have done it so the images scale with the window size and stay fixed in the same position?

Community feedback

  • TechNech•340
    @TechNechPosted over 2 years ago

    Hope you are doing good. I would suggest that you:

    • Add a css property for img with a max-width: 100% that will fix your issue.
    • Also you can use object-fit property on the parent div. Be sure you do some research on these first.

    Let me know if I can be of any help.

    Cheers! Happy Coding. :)

    0

Please log in to post a comment

Log in with GitHub

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