Skip to content
Submitted 5 months ago

Social Links Challange with Vanilla HTML & CSS

Kamal Redzwan•210
@kmlrdzwn
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 challenges did you encounter, and how did you overcome them?
  • Setting height on body to make it centered on the horizontal axis
  • Remove focus ring with outline: none;

Community feedback

  • Bassel || باسل•540
    @BasselfathyPosted 5 months ago

    Goodjob Kamal for completing this challenge✅

    For centering Items inside parent's container, you can use a shorthand called place-items: center instead of align and justify properties to minimize the code.

    Excuse my curiosity but, why did you remove the outline of the links?

    Marked as helpful
    1
    Kamal Redzwan•210
    @kmlrdzwnPosted 5 months ago

    @Basselfathy Woah, thanks for the place-items: center tips.

    I did that in order to remove the focus ring on my browser (Firefox) when selecting the buttons using keyboard or Tab.

    1

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