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

@EmmtekDev

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?

  • using javascript
  • challenging my css skills and speed

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

  • using the eventlistener
  • just made use of the function and event

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

none

Community feedback

Caelus 520

@Caelus111

Posted

Hello Emmanuel! I hope you doing good! I think you've done great, just a small issues with the js. for the pop up to hide you can simply:

  1. create a hidden class in css with display:none
  2. add the class to the icons in the gray div
  3. add you share button to the js
  4. addeventListener to the btn with the action of click and a function that toggle the class of hidden

Thanks!

Marked as helpful

1

@EmmtekDev

Posted

@Caelus111 Thanks will try that. Thanks!

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