Skip to content
Submitted about 1 month ago

Well Formatted Social Media Links page with CSS Grid.

Vincent Dao•100
@Squ1nty
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I found it much easier this time around to format my page. With experience now in using CSS Grid, centering my div on a page became much more concise and easy.

Next time, I think I'll begin diving into more responsive layouts with @media queries if possible, which can help accomodate for smaller screens.

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

No challenges.

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

Any general css or html tips are always greatly appreciated.

Community feedback

  • Marcos Travaglini•6,210
    @BlackpachamamePosted about 1 month ago

    📌 Some suggestions

    • In your userSocialLinksContainer you could use flexbox and instead of a div it could be a ul list
    • Then, each li element in the list will have an a, since you are adding the link to the social networks.
    • Also, you can add styles for the hover instead of the active
    Marked as helpful
    1
    Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    @Blackpachamame Thanks for the tips! Will keep it in mind for next time.

    1
  • HadryanLopo•40
    @HadryanLopoPosted about 1 month ago

    Nice job. The only thing I could say that could have been better is the semantics of html. Tags like h1, h2 and nav are a good resource to help with SEO engine.

    1
    Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    @Haddryan Thanks for the tip! I'll make sure to incorporate those tags into my next project.

    0

Please log in to post a comment

Log in with GitHub

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