Skip to content
Submitted 8 months ago

Responsive Social page

Lucas Perez•30
@perezLcs
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 are you most proud of, and what would you do differently next time?

Most proud of my growth. Used transform-scale to change the size of the card on different screen sizes.

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

What would be a better option to the transform-scale that i used to change the card size on different screens and other things i could've done better.

Community feedback

  • Mirjax2000•680
    @Mirjax2000Posted 8 months ago

    Hi Nice trick with scale transform.

    But everything in main element grows as well.

    font is 1.2 and 1.3 larger then it should be. You know what i mean?

    same trick you can make if you stop using fixed values in pixels and insted of this you tray to play with em and rem units. and then on breakpoints just increase or decrease font size and everything will change properly as well. I like to play with em units.

    see ya

    Marked as helpful
    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