Skip to content
Submitted 8 months ago

Social Media Links

Rowan•210
@rowanDeveloper
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 specific areas of your project would you like help with?

I am having trouble with the height view (or viewport height), so I will appreacite some advice to fix this. Thanks :)

Community feedback

  • Justin Connell•720
    @justinconnellPosted 8 months ago

    Hi Rowan, Your solution looks great!

    It works on mobile and desktop but not for tablet - this is because margin is being used to position the card. A better way to position items like this is to use Flexbox or CSS Grid.

    You could use CSS grid as follows and reduce the code required to centre the card:

    body {
    color: var(--white);
    background-color: var(--off-black);
    font-family: var(--Inter-font-family);
    display: grid;
    place-content: center;
    height: 100vh;
}

    Keep going! J

    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