Skip to content
Submitted 7 months ago

Article preview component using flex and js

mrcordova•1,360
@mrcordova
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 are you most proud of, and what would you do differently next time?

I was able to figure out how to use js to change the classes of the share button.

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

working with the svg image and making the tooltip. I used the filter in css to change the color and js to switch them out when an event was triggered. Tooltip I got from googling.

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

How can I make the tooltip better?

Community feedback

  • Wismal•220
    @WismalPosted 7 months ago

    ** Hi mrcordova! **

    First of all, good job. I notice you wanted some ideas to make the tooltip better.

    I recommend using transitions. Especially in hovers, a transition will make your popup sightly. A good duration for single transitions like this one are between 100-400ms.

    ** Hope it helped **

    Marked as helpful
    0
    mrcordova•1,360
    @mrcordovaPosted 7 months ago

    It does help, thank you. Would you know if there was a simpler way to make the tooltip?@Wismal

    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