Skip to content
Submitted over 1 year ago

Social links profile - HTML & CSS Solution + media query

@jeancy•230
@Jeancyjr
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello

I'd like to understand HTML structure a bit better so I don't get lost in terms of "foundation" when building a website's structure so that I won't mix all the div's.

Also, can you have a look at my @media queries code? At some point, I've given my margins and paddings a value of 100px, is this right?

Other than that, I'll love any feedback that can help my improvement. Cheers!

Code

Please log in to post a comment

Log in

Community feedback

  • Noel Hoppe•420
    @noelhoppe

    Hi, in general it's good practice to write the css styles in a separate *.css file and link to this file from the *.html file: <link href="styles.css" rel="stylesheet"> Use rem unit instead of px unit for font-size (1rem is 16px at defaul :) Moreover, I would recommend learning the basics of CSS flexbox and grid. As a result you can make better layouts even easier without display: block and lost of margin and padding properties. Happy coding!

    Marked as helpful

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