Skip to content
Submitted 4 months ago

Article Preview

Konrad•200
@ExtendoGH
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

This is my first project using JavaScript, so I'm really proud that I was finally able to add interactivity to the website. Next time, I’ll definitely have a better understanding of how to manage CSS classes like .hidden to control the visibility of elements more effectively.

What challenges did you encounter, and how did you overcome them?

The biggest challenge I faced was styling the popup that needed to overlay certain parts of the project. Fortunately, with the help of ChatGPT, I managed to get it working and added a smooth show/hide animation, which really improved the overall user experience.

What specific areas of your project would you like help with?

I’d really appreciate any feedback, especially regarding the JavaScript code, since this was my first time writing it.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    emawid•240
    @emawid

    Great job on the challenge. The solution is almost pixel perfect. I can only spot a minor deviation on the mobile toaster which does not seem to have rounded edges. Layout looks good on all screen sizes, even with the toaster. Solution include semantic HTML and is well structured. Nice implementation of the JavaScript and use of classList and toggle().

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