Skip to content
Submitted 6 months ago

Article Preview Component

Talika Bajaj•650
@Talika-Bajaj
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 specific areas of your project would you like help with?

Displayed share options with the help of display: flex property for small screen size and used position: absolute for larger screen size. I hope I have done it right.

If someone could review my JavaScript code and give me feedback, that would be really helpful

Community feedback

  • Xay•20
    @xayrax88Posted 3 months ago

    In one of your styles in CSS within the share options class add this "transition: transform 0.3s ease-in-out;" so that when you click it it has a nice smooth transition from when it disappears and appears again. Great job overall, you have it looking pretty much very closely to the picture. It looks good one a smaller mobile sized screen with media query. Your code is readable friendly, I would love your feedback on mine as well, when you have a moment. Thank you & happy coding.

    1
    Talika Bajaj•650
    @Talika-BajajPosted 3 months ago

    Hi @xayrax88,

    Thank you for the feedback. I will surely update my code. And will review yours as well :)

    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