Submitted over 3 years ago

Using Sass

Alex• 10

@AlexARNcode

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It was harder than I thought it would be.

I'm just not sure if this was supposed to be responsive with media queries or not, so I didn't do it.

I tried to be as close as possible as the design.

Please let me know what I could improve.

THanks a lot !

Community feedback

ApplePieGiraffe• 30,565

@ApplePieGiraffe

Posted over 3 years ago

Hey, Alex! 👋

Good work on this challenge! 👍

You can definitely use media queries for this challenge (but mostly just for the background SVGs, I think—since they move around quite a bit when the screen is resized).

Don't forget to add alt attribute to your images and get rid of any duplicate id's to clear up your solution report! 😉

Keep coding (and happy coding, too)! 😁

Alex• 10

@AlexARNcode

Posted over 3 years ago

@ApplePieGiraffe Good idea for the background. And yes you're right for the alt and id duplicates, I'm going to fix that!

Thx a lot :).

Luke• 220

@lukebergmann

Posted over 3 years ago

That looks almost spot on! I would add a 'box-shadow' to make the profile card pop off the screen a little bit! I had a hard time with this one too!

Alex• 10

@AlexARNcode

Posted over 3 years ago

@lukebergmann Thx !

Please log in to post a comment

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