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

Shayan 60

@shayanabedi98

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This project was completed with HTML and native CSS (grid and flexbox).

Community feedback

Ted Bell 40

@tchbell

Posted

Looks good!

Try and look through your CSS and see where you can combine selectors so you aren't repeating a lot of the same styles. Something small like doing all your margin and padding resets into a group like so.

/* Reset some default styles */
body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

Marked as helpful

0

Shayan 60

@shayanabedi98

Posted

@tchbell Thanks for the tip! I gotta focus more on 'DRY.'

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