Skip to content
Submitted about 3 years ago

Mobile first card component using CSS grid-areas and Sass with @mixins

Trevor Merrick•150
@tmerrick17
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

I specifically used grid-areas instead of what a lot of other people used with was manipulating the "position" property. I'm pretty proud of it. I was able to overlap the profile picture with the card background image.

No major questions but simply another fun component to create. Would love any feedback!

Community feedback

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