Skip to content
Submitted about 1 month ago

Social Links page

Wawowah•430
@wawawoh
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 done it pretty quick

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

I dont fully understand focus states and what they mean and centering an image on the screen i do with align-items center it doesnt work

Please log in to post a comment

Log in with GitHub

Community feedback

  • Kevser•70
    @KevserGuv

    My code is little bit different but its look okay well done

    Marked as helpful
  • Marzia Jalili•4,890
    @MarziaJalili

    Awesome work!

    A cherry on the top?

    • If you want to center the card, you can set the code below in the body selector:
    body {
  display: grid;
  place-items: center;
  min-height: 100vh;
}
    • Make sure that the card is the only child element of the <body>. If not wrapp everything nested inside <body> with the <main> element. It will look something like this:
    <body>
  <main>
    <!-- every element nested inside -->
  </main>
</body>
    • One other gotcha is that with this code you don't need any padding or margin for the body . So, make sure to get rid of that too.

    It definitely works, though!

    😁😁😁

    Marked as helpful
  • XeyTech Inno..•150
    @CoreFrontTechnologies

    u can use use hover in your css code example button:hover{ background-color: blue; }

    so if u use this definately u would see your hover focus

  • Cursebreakers•80
    @cursebreakers

    Nice!

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