Skip to content
Submitted 3 months ago

Article preview component with popup

accessibility, bem, sass/scss
P
Kellen James•350
@Kellenkjames
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?

I’m most proud of implementing a scalable, modular architecture using SCSS and ES6 modules, simulating a real-world MVC pattern. Next time, I’d refactor the JavaScript into TypeScript and add test coverage to simulate a production-ready codebase.

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

Positioning and transitioning the tooltip across responsive breakpoints proved surprisingly complex. I overcame this by deeply analyzing the layout behavior, refactoring the HTML structure, and applying utility-driven SCSS with breakpoint-specific logic.

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

Nothing at this time.

Code

Please log in to post a comment

Log in

Community feedback

  • Abdulgafar-Riro•220
    @Abdulgafar-Riro

    What could a novice like me comment about on your work than to open my mouth and say wow!

    You forgot to add border-radius to the top right of the container in mobile view.

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