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

P

@DrakeHermit

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


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

I am proud of myself that I managed to make this work. I wasn't sure I would be able to figure out how to make those links popup like that but I managed to figure out a way how to make it work.

There are multiple ways to do one thing with JS so I know that my solution might not be optimal, but I'm just happy that I managed to make it work.

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

The two biggest challenges I encountered were to change the popup based on the screen size. And then the second problem I had was with the popup button on the desktop version, but I managed to make it work the way I wanted it to work. I wanted both buttons to be toggleable meaning that the popup will appear with on click and then disappear with another.

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

Variable naming is something I struggled with, but that goes for class naming too. So I should just learn and stick to one naming principle to be completely honest.

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