Skip to content
Submitted over 4 years ago

Article preview component, HTML/SCSS/JS

Kevin Canlas•225
@kvncnls
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Please critique!! I add little micro-animations to the modal and share button. Hopefully it works! Don't hold back on the critiques! :P

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Kevin Canlas! 👋

    Nice job on this challenge! Everything looks pretty great and the social media popup works nicely! 👏

    I suggest,

    • Adding a max-width to the card component so that it isn't too wide when the layout first changes from desktop to mobile.
    • Using the <button> element for the social media popup button so that keyboard users can access and use that button.
    • The top-left and top-right corners of the card component aren't rounded in the mobile layout of the site. Don't forget to add those!

    Keep coding (and happy coding, too)! 😁

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