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 with a popup JS

P

@Ginver

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


The only JavaScript I needed for this challenge is to initiate the share options when someone clicks the share icon. My biggest challange was to make the tooltip popup on the right spot compatible every screen size.

Community feedback

@SoulRvr29

Posted

To better position this popup, add a .popup class to your css and set it to position:relative;. Then change position: fixed; in your.popup--social class to position: absolute;. Now it will stick with your card. Then you can change bottom, and right in .popup--social for something like bottom: 60px; and right: -120px.

Marked as helpful

0

P

@Ginver

Posted

Thanks! @SoulRvr29

I was stuck with this a little... very helpful! :)

0

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