Skip to content
Submitted about 3 years ago

Article preview component with HTML, SASS, JavaScript

Ildikó Balogh•80
@liana5555
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

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
    @YazdunPosted about 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
    1
    Ildikó Balogh•80
    @liana5555Posted about 3 years ago

    @Yazdun Thank you very much! :D

    0

Please log in to post a comment

Log in with GitHub

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