Skip to content
Submitted 5 months ago

Article Preview Component with Vanilla js and Tailwind

Biruk Moges•280
@lost50U1
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?

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

  • James Brown•260
    @jamesbrown173Posted 4 months ago

    **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
    Biruk Moges•280
    @lost50U1Posted 4 months ago

    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

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