Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article preview component using flex and js

P
mrcordova 1,120

@mrcordova

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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 190

@Wismal

Posted

** 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

P
mrcordova 1,120

@mrcordova

Posted

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
Discord logo

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