Skip to content
Submitted 9 months ago

Social link profile main page using HTML and CSS

Alwin Kishore J•40
@AlwinKishore
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

  • struggled in setting margins and paddings of buttons.
  • difficulity in setting the height of the card.

Visit live page on Text

Community feedback

  • Pranav•500
    @pranav1597Posted 9 months ago

    Just remove the heights in .social-card like min-height,max-height, height. Add padding 2.3em,1.5em in .social-card and add margin in <main> 20px auto. It will look better.

    Marked as helpful
    1
  • Gautam Sarkar•850
    @gautam32b7Posted 9 months ago

    Hey there 👋

    Good job! I suggest you brush up on the CSS Model Box. It is good practice to apply transition property when hovering.

    Happy coding 😀

    Marked as helpful
    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