Skip to content
Submitted over 1 year ago

Article Preview Component

Damien•230
@CtrlAltSudo
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

Getting the pop-up share container/buttons to show on mobile was way harder than I expected, I think this was the first time I've used the z-index and set relative/absolute positions.

Got there eventually!

I'm sure there's a simpler way for the way I've managed to do this...

Community feedback

  • Eunji Kim•70
    @eunjikimdevPosted over 1 year ago

    Great job! I just finished a piece as well, and it was pretty challenging. but I found that when I zoomed out of the screen, your footer would shift or move out of place. Have you considered using a fixed value for the width instead of a percentage? I'm a beginner so I'm not sure if this will help, but I'm writing it down in hopes of helping. Keep up the good work, and happy coding!

    0
    Damien•230
    @CtrlAltSudoPosted over 1 year ago

    Thank you! And hmm.... I'm not sure what you mean regarding the footer, I'm zooming in and out, looks fine to me. Maybe link a screen shot?@eunjikimdev

    0
    Eunji Kim•70
    @eunjikimdevPosted over 1 year ago

    Sorry for the delay! I was on family vacation. How do you usually show screenshots? I tried posting it in Markdown in this post's comments, but it didn't work. I'm unsure, so I'll post it in my GitHub issue. I'll delete the post if you comment that you've seen it. This is screenshot

    Marked as helpful
    0
    Damien•230
    @CtrlAltSudoPosted over 1 year ago

    Hi! No problem, sorry I completely missed your reply. Ah! I see what you mean now, yes... I think I could fix that if I changed the break point in the media query, check again; should be fixed :D (may need to clear browser cache) @eunjikimdev

    0
    Eunji Kim•70
    @eunjikimdevPosted about 1 year ago

    @CtrlAltSudo Perfect! Great job! Happy coding!（。＾▽＾）

    1

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