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

@WesSno

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 really proud of myself not giving up on this project despite the challenges I faced.

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

I faced some challenges creating a tooltip and making sure the tooltip appears behind the share Icon on the viewport of 375px was a real hassle for me. I had already finished with most of the CSS but the creation and positioning of the tooltip really delayed me in completing this project. Especially at the viewport of 375px, I had to do some research on z-index and adjust a lot of CSS at viewport: 375px to make it work as intended. I really felt great when it started working properly.

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

The tooltip positioning and z-indexing at the 375px viewport really stressed me. Hope you guys go through my code to guide me in any areas I may have blundered. Thank you. 😁

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