Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card Component Using Pug & SCSS

madhaus 1,040

@festsnusa

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@RibeiroPorto

Posted

Hello madhaus! how are you ? Your project is very good!

Just one tip i think you may enjoy:

  • I think that you had some difficulties centering your main container.A way to do it is:
html {
    height: 100%;
}
body {
    
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

another way is:

body {
    
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

Anyway your project is awesome, congrats!

I hope you enjoy this small tip, hope it helps you. Any questions please feel free to contact me!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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