Submitted over 3 years ago

Article preview component with HTML, SASS, JavaScript

@liana5555

A solution to the Article preview component challenge

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.

Code

Please log in to post a comment

Community feedback

Yazdun•1,310
@Yazdun
Posted over 3 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

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