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

Article preview component using HTML + CSS + Vanilla Javascript

@Jose-Angel-Rey

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


Built with: ♠ Semantic HTML5 markup ♠ CSS custom properties ♠ Flexbox ♠ Mobile-first workflow & Vanilla Javascript

Any feedback is welcome. 👍👨‍💻

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hello there, Jose Angel Rey! 👋

Nice work on this challenge! 🙌 The card component is looking pretty nice and the smooth transition of the popup is a nice touch! 👍

I'd like to suggest labeling the button elements on the page in some way (to clear up those errors on your solution report and improve the accessibility of your solution) and wrapping the social media icons in anchor tags since they seem to be links. 😉

Keep coding (and happy coding, too)! 😁

0

@AgataLiberska

Posted

Hi @Jose-Angel-Rey, your solution looks great! I love the modal transition, but I think it could be sped up a bit, to 500ms maybe? Also on very small mobiles (under 300px, I know it's an edge case but still), one of the social media icons disappears under the toggle.

Hope this helps :)

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