Submitted over 2 years ago

Article preview component with HTML, SASS, JavaScript

Ildikó Balogh• 80

@liana5555

Preview site View code

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have a question in connection with the desktop version. When we click the button and the container of the share, facebook, twitter, pinterest stuff appear, how can I make it so that it will be the same place no matter the window site. Cuz, I tried to force it to be above the button and it is in the right position when the width is 1024px but if I make the window size wider it ends up going away from the button a bit horizontally. Other than that I don't have any specific question but I would be happy to receive any kind of feedback.

Community feedback

Yazdun• 1,310

@Yazdun

Posted over 2 years ago

Hello Ildikó 👋 ! add position:relative to the parent element which in this case is main tag, then add position:absolute to .social-container on large screens, so .social-container will always position itself according to it's parent. Also you need to give overflow:visible to main on larger screens.

✅ I've already opened a pull request to your repository which will fix the issue

SIDE NOTE : use prettier extension on your IDE to format your code

I hope this helps

Marked as helpful

Ildikó Balogh• 80

@liana5555

Posted over 2 years ago

@Yazdun Thank you very much! :D

Please log in to post a comment

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