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

@arogersrenee

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


Here's my solution. I know my code could be a bit better. I think my naming for my classes got messy after awhile on this one. I also know accessibility needs work, just not that far in my learning journey.

I've never done this sort of tool tip, so that was a learning experience. I don't think I positioned it quite correctly. Because of the html structure I ended up having to adjust the popup in relation to it's parent div rather than in relation to the button.

I also used display: none to toggle the different states. It seems to work fine, but I don't think I can animate anything based on the display status.

Community feedback

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