Skip to content
Submitted 4 months ago

Social links profile

arthurquique•50
@arthurquique
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I think I have a prettier code than on the last project where I used divs for everything.

What challenges did you encounter, and how did you overcome them?

Getting started is always the most challenging to me but it becomes more and more easy with experience.

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

Tips for judging which type of display to use for each element.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Gabe•320
    @gabei

    Nice job! A few things to mention, and hopefully an answer to your question.

    1. As far as types of display go, I think you're fine. One thing I would consider is the type of elements you use for the social links on the card. They might be thought of as an unordered list, which is helpful to screen readers when announcing the content ahead. Styling the section as a grid works fine in your case, but I think beginning with a list of links here makes the overall styling a bit simpler in the long run.

    2. Check out how 100vh on the body affects the card's visibility when you switch to landscape mode on a mobile device. This can actually be a quick fix (check out the min-height property, for example).

    Hope this helps. Happy coding!

    Marked as helpful

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