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 with Vanilla js and Tailwind

@lost50U1

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?

It took me sometime even if i have some basic knowledge on javascript and it was challenging and i want to improve more on javascript and make the javascript code i added using less code even though it is challenging i finished the challenge.

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

if it was only making it show one of the share tooltip it was easy but making it show based on different screen is challenging and i solved it by making 3 functions and buttons.

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

if someone can review both the tailwind and javascript code i used on the active state and tell me if there is a simple method to do it better i will appreciate it

Community feedback

@jamesbrown173

Posted

**First Impressions

  • It functions well at first glance, and the buttons work to show and hide the share element. However when transitioning between sm and md breakpoints the share element doesn't change. I think we need to add hidden class types for the different breakpoints in the JS code.

  • The site is responsive and functions well.

0

@lost50U1

Posted

thanks for the feedbacks i will check it and i will try to fix it @jamesbrown173

1

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