Skip to content
Submitted 4 months ago

Responsive social-media-links profile

Philipp•130
@Obom23
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?

Again some issues with the responsive design, I used max-width and max-height for the container inside the body, but I don't know if thats the best way to solve it.

Community feedback

  • SmartAce•170
    @Smart-Ace-DesignsPosted 4 months ago

    This looks really good - excellent job! A few suggestions I can provide: update the responsive design for small screen sizes so that the avatar is hidden by using a media query (or breakpoint if using Tailwind); you also might want to make the width a bit wider so that the quoted text fits on one line.

    Marked as helpful
    0
    Philipp•130
    @Obom23Posted 4 months ago

    @Smart-Ace-Designs Thanks, I'll try that out!

    1
  • SmartAce•170
    @Smart-Ace-DesignsPosted 4 months ago

    I incorrectly mentioned that the avatar should be hidden in mobile mode - I rechecked the design image and it is not hidden. Sorry about that - disregard my previous comment. I must have been thinking of a different design problem. :)

    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