Skip to content
Submitted 2 months ago

Article Preview Component using html, css and Javascript

beqqi•90
@beqqi
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

What challenges did you encounter, and how did you overcome them?

I did have trouble with the icons in general

What specific areas of your project would you like help with?

the icons that pop up when the share button is clicked, half of it is hiding in the desktop and I could not make the left side filled on the mobile. I used z-index, but I still couldn't make all of it visible. I couldn't work with the share icon as well

Community feedback

  • P
    Jair•570
    @JairRaidPosted 2 months ago

    I think that your share links is clipped. I also encountered this problem and i remove the overflow clip form the parent and set the border radius of the image the same as the parent to not overflow the border radius of the parent element.

    1
    beqqi•90
    @beqqiPosted 2 months ago

    @JairRaid I didn't explicitly clip it though, what could have caused that?

    0
    P
    Jair•570
    @JairRaidPosted 2 months ago

    @beqqi I just set value of the property overflow of the class card to visible in developer tools and your share links is fully visible.

    Marked as helpful
    1
    beqqi•90
    @beqqiPosted 2 months ago

    @JairRaid It worked! Thanks a lot

    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