Skip to content
Submitted 21 days ago

Article preview component

jquery
Gillan60
@gillanfrances
A solution to the Article preview component challenge

Solution retrospective


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

As a beginner in JavaScript, I'm most proud of making the solution for the pop-up using jQuery.

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

I had several difficulties. The first was the pop-up was showing right away instead of on toggle (fixed it with display:none), the image won't cover the rest of the div and there's a thin white line below it (used object-fit: cover and line-height: 0;), lastly I wanted the pop-up to be relative to the button and it kept going to the next available space (fixed it with position: relative for container and position: absolute for the share-options class).

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

I'd like some help with the responsiveness of the CSS and if there's a better way the javascript could be written, it'd greatly help!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Gillan’s solution.

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