Skip to content
Submitted over 3 years ago

CSS Grid / responsive

Brandon Harmon•110
@bdharmon
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

NOTE: Media queries were not needed for responsiveness. I only used media query to add a small amount of margin to the card and reposition the bottom background circle.

Community feedback

  • Abdulla•60
    @furhartPosted over 3 years ago

    Awesome work! I noticed the extra space after the image, you can get rid of that bey using 'display: absolute' on the image which takes it out of the document flow and 'display: relative' on the card.

    Besides some minor color and font size differences, you're pretty much spot on.

    0
    Brandon Harmon•110
    @bdharmonPosted over 3 years ago

    @furhart Thx for the tip. I'll remember that.

    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