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

"First HTML and CSS challenge "

Anntv 80

@anntvanntv

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Covenant-0 100

@Covenant-0

Posted

Hello there anntvanntv, There are a lot of changes that would need to be made to this website.

  1. Instead of assigning a class to the <main>, encase a <div> in the main and then you can assign a class of container
  2. In your newly created div, encase a new div that will hold your <img> element and assign a class
  3. Your links should not be in a list format. Instead you can encase them in a button element. Each button for a different link
  4. The "challenge by...." sentence should be in the footer
  5. For the styling try using the code below
*{
    margin : 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;
}


6. To style the body, add the following styles. You can try this for centering
```body {
           margin: 0;
           display: flex;
           justify-content: center;
          align-items: center;
          height: 100vh;
} 

7. You can try to read more or practice more on responsive web design.
[Freecodecamp] (https://www.freecodecamp.org/learn/2022/responsive-web-design/)
0

Anntv 80

@anntvanntv

Posted

Hello @Covenant-0!

Thank you very much, I'll try it again :)

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