Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Css and Flexbox

@Heitoluis

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@Heitoluis

Posted

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

0

@paiput

Posted

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
Discord logo

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