i used the positioning techniques to control the share component

Hi @Natty-tech, Congratulations on successfully completing the challenge! 🥳 Your effort is truly commendable. I believe that incorporating a bit more padding around the furnituredetail section would enhance its overall aesthetic appeal. Additionally, it might be beneficial to position the attribution class outside of the furnituredetail element to maintain the integrity of the layout.

Another suggestion for improvement could be to consider utilizing a button for the share image. This adjustment would enhance the accessibility of toggling the sharebar feature, making it more user-friendly.

I hope these tweaks elevate the quality of your project.

Hello!, to make the sharebar hide and appear without using so much javascript you can use CSS classes.

but for it to work, the default display of the sharebar must be none. and you will have to delete the inline styles that you added.

something like this:

.sharebar{
  display: none;
}

sharebar.show{
  display: flex;
}

And using javascript you would only need to remove and add the show class using the classList.toggle('show') method

and so you wouldn't have to check if the sharebar.style.display is equal to flex or not.

I also recommend you look at these CSS properties that will help you make the image look much better:

object-fit and object-position

I hope this helps!