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

Social Links Profile Practice using HTML & CSS

Andre 30

@speeddemon911

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Code is getting better as i use the w3 validator to fix issues.

What challenges did you encounter, and how did you overcome them?

The main challenge I had on this was the colors weren't matching up with what was suggested in the styling guide. I tried my best to get as close as possible.

What specific areas of your project would you like help with?

How is my formatting? Is my css page good as well or would you recommend a different approach?

Community feedback

Account Deleted

Hi Andre,

I want to give you two helpful suggestions for next time.

  • Instead of using selectors .wrapper and .background, you can use the body selector in your CSS to set the background and center your content. Here's an example of how it should look:
body {
  min-height: 100vh;
  background: /* add your background color/image */;
  display: flex;
  justify-content: center;
  align-items: center;
}
  • Use the * selector, which applies to all elements, to reset margins and padding and set box-sizing: border-box for easy element layout.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

I hope you find these tips useful for your future projects.

Good luck with your next challenge!

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