Skip to content
Submitted over 3 years ago

Css and Flexbox

Héctor Vásquez•510
@Heitoluis
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had a lot of trouble with the animations. Kind of does the job, but I'm sure that there is a cleaner way to do it. Your feedback will be of much help. Thanks!

Community feedback

  • Héctor Vásquez•510
    @HeitoluisPosted over 3 years ago

    Thanks for your feedback. I set the icon's height based on your tip and it does look better. Thanks!

    0
  • Lucas Piputto•305
    @paiputPosted over 3 years ago

    Nice animations Héctor.

    Just a little detail that I found, from 340 pixels downwards the size of the icons is reduced. Maybe you could correct it with:

    .share-popup__icons > * {
  min-width: 17px; /*I tried with 17px but you could try any other*/
}

    I'm not an expert but this might help. Great job!

    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