Skip to content
Submitted 5 months ago

responsive social links using css flex box

Candice•20
@candicembe
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 challenges did you encounter, and how did you overcome them?

I wasn't sure about the right attribute to use sometimes, so I did a few research

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

the picture of the avatar isn't showing when using GitHub, I don't know if I should add the file of the picture on GitHub too? I'm not familiar with it.

In the style-guide they tell us that - Mobile: 375px - Desktop: 1440px, I didn't know if its about the general box with the picture, the buttons ect, because if it is the 1440px seemed large to me, I was a bit lost about that.

Community feedback

  • Dan P.•250
    @DanielfwwPosted 5 months ago

    Hey Candice, what they mean with the 375px its media queries for mobile version and 1440px being the width for desktop version (whole page width) - pretty much at max-width 375px they would like you to transition to mobile version so when someone opens on mobile or desktop it will automatically transition.

    As for the picture I recommend using either https://imgbb.com/ website or creating account in the premium codepen - that will let you store your uploads.

    Hope this helps even a little and if you got any questions feel free to ask, I will help however I can.

    Marked as helpful
    0
    Candice•20
    @candicembePosted 5 months ago

    @Danielfww Thank you! I understand better now

    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