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 solution

@StinkyCodeMACHINE

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

@katrine9176

Posted

Hello! Your solution looks very good! 😁

Here is some advice:

  • put your CSS styles in style.css,
  • to connect style.css with HTML file add in <head> - <link rel="stylesheet" href="css/style.css">,
  • add CSS reset, learn about that more here -> article,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
  • to make code better to read, consider downloading nice extension, if you use VSC I recommend prettier -> prettier, and for HTML default formatter,
  • update screenshot on frontendmentor :)

Hope it was helpful and happy coding! 😃

Marked as helpful

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