Submitted over 3 years ago

Responsive Article preview component using HTML and CSS

Thomas Sankara• 1,240

@SankThomas

Preview site View code

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I'd like some help on displaying the tooltip so that when clicked it stays on the screen and it doesn't toggle as it is now.

Community feedback

Sankara Gomathy M• 455

@sankaragomathym

Posted over 3 years ago

Hey! I guess you have got a typo in your JS file (in 2 places) where the 'tooltip' is misspelt.

Thomas Sankara• 1,240

@SankThomas

Posted over 3 years ago

@sankaragomathym First of all I would like to say, I have never met my namesake (Sankara) ever in my life, it's such a blessing. Second, thanks, I can't believe I didn't catch that typo

Sankara Gomathy M• 455

@sankaragomathym

Posted over 3 years ago

@SankThomas Glad to know that.. 😊 and typo..it happens often for everyone of us!..

Abdulla Bashiroglu• 520

@bashiroglu

Posted over 3 years ago

Hi Thomas, it was interesting to figure out this problem. Most probably your js says, when I click add display block then your class makes it previous styling, and it causes div disappears. I would recommend use toggle class. You can check on google. Good luck.

Thomas Sankara• 1,240

@SankThomas

Posted over 3 years ago

@bashiroglu Thanks

Please log in to post a comment

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