Skip to content
Submitted 9 months ago

Social links profile solution

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

Frontend Mentor - Social links profile solution

This is a solution to the Social links profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • See hover and focus states for all interactive elements on the page

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

Author

Note: Delete this note and add/remove/edit lines above based on what links you'd like to share.

Acknowledgments

This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.

Note: Delete this note and edit this section's content as necessary. If you completed this challenge by yourself, feel free to delete this section entirely.

Community feedback

  • Federico Salerno•210
    @Federico-SalernoPosted 9 months ago

    When changing the resolution to mobile resolution there are no changes. Maybe you should use media queris to make the challenge complete and make your page responsive. Anyway, you did a great job!!

    Marked as helpful
    0
    dkhenrique•30
    @dkhenriquePosted 9 months ago

    @Federico-Salerno Thank you very much for your feedback friend, I will make changes.

    0
  • Daniel 🛸•44,310
    @danielmrz-devPosted 9 months ago

    Fala @dkhenrique!

    Sua solução ficou excelente!

    Tenho uma sugestão que pode te interessar:

    📌 Se você não tiver os arquivos de design Figma, recomendo usar uma extensão de navegador chamada Perfect Pixel.

    Ela permite que você compare seu projeto finalizado com as imagens de design que aparecem quando você baixa o projeto e verifica as dimensões (quase exatas). É muito útil!

    Espero que seja útil pra você em projetos futuros! 😊

    Fora isso, ótimo trabalho!

    Marked as helpful
    0
    dkhenrique•30
    @dkhenriquePosted 9 months ago

    @danielmrz-dev eai meu chará rs, muito obrigado pela sugestão, de fato vai me ajudar muito pois não tenho acesso aos arquivos e fiz no olhometro kk

    Muito obrigado! 👊😊

    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