Skip to content
Submitted 24 days ago

social_links_profile

NguyenTaiAnh•30
@NguyenTaiAnh
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

Community feedback

  • NguyenTaiAnh•30
    @NguyenTaiAnhPosted 24 days ago

    yeah, i know

    0
  • Khanh Tran•70
    @big-hero-devPosted 24 days ago

    Congratulation for doing this challenge. Some notes for your code:

    CSS Best Practices Reset & Base Styles

    • Start with a proper CSS reset (Andy Bell or Josh Comeau recommended) This ensures consistent styling across browsers.

    • Keep image styling minimal and responsive:

    img {
   display: block;
   width: 100%;
   max-width: 5.5rem;
   border-radius: 50%;
}

    This ensures:

    • Images scale properly
    • No unwanted whitespace below images
    • Content adapts to different screen sizes

    Embed missing font, you can paste this code below to inside the <head> tag:

        <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap"
      rel="stylesheet"/>
    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