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

Parcel bundler - Pug, SCSS and JS

Felipe OG 730

@felipeog

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


Any feedback is appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Oh, hey, Felipe Oliveira! 👋

You did a great job on this challenge! I really like the animation on the social media popup, too! 🤩

Everything else looks pretty good!

Keep coding (and happy coding, too)! 😁

0

Felipe OG 730

@felipeog

Posted

Hello again, @ApplePieGiraffe!

Thank you for all the feedback.

Happy coding!

0
Arturo Simon 1,785

@artimys

Posted

Hey again Felipe, your solution is like nearly pixel perfect and animation works nicely. Awesome

I think you can do away with your div.wrapper and move those styles to the body. One less element.

Super minor but on the desktop popup when clicking share. The twitter icon shifts up a bit which expands the right side a bit.

Very nice!! keep it up 👍

0

Felipe OG 730

@felipeog

Posted

Hello again, @artimys!

The animation is making some strange shifting on the desktop, but I could not solve the issue. I think I am going to remove the translate animation.

Thank you for checking it out!

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