Submitted over 3 years ago

Profile card component - HTML & CSS

Maria Glynou• 290

@Msgl

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello all, this is the first challenge I submit and any feedback would be very much appreciated!

Community feedback

Web Frog• 1,840

@MasterDev333

Posted over 3 years ago

Great work @Maria. You used pseudo-elements to draw background circles. It was a nice try. It would be better if you set over-flow: hidden to body and width: 100vw, height:100vh to hide scrollbars. Here's my solution if you'd like to check. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Happy coding~ :)

Maria Glynou• 290

@Msgl

Posted over 3 years ago

Thank you for the feedback @MasterDev333 ! I will try out the solution you suggested and check your code as well!

Jane• 1,040

@janegca

Posted over 3 years ago

Hi Maria, that looks pretty good for your first challenge. Only a minor suggestion, try setting your body width and height to viewport width and height so things don't stretch quite as much. Nice job :)

Maria Glynou• 290

@Msgl

Posted over 3 years ago

Hi @janegca thank you for the suggestion, I will try it out!

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