Skip to content
Submitted 9 days ago

Article-preview-component

#sass/scss#tailwind-css
Mpass•200
@Benson0721
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?

Although completing all of them takes time, when I see the results, it feels like it’s all worth it! I can't wait to create something fancy in the future!

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

This practice really reminded me that I am still an unskilled JavaScript learner! When I first saw the active animation in this exercise, I had no idea what to do. It required using the DOM concepts I had learned, but despite watching many online classes, I still have little actual practice. The biggest challenge I encountered was recalling my knowledge and applying it correctly.

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

I think my css have so much room for improvement, Thanks to everybody who helps me!

Community feedback

  • Sebastian•200
    @AbestianPosted 5 days ago

    Hello Mpas, great solution!

    I love the fact that it actually looks like an article preview, not just a component to be added somewhere and also, animations are soooo smooth. What can I say, your solution checks all the boxes. There are only 2 things I'd consider:

    • the share box on desktop screens seems to drift away from the button
    • on really wide screens the infinitely increasing card looses it's layout, you can apply max-width property to it, to keep it from getting too big.

    Other than that, it's amazing. Keep up the great work!

    Marked as helpful
    1
    Mpass•200
    @Benson0721Posted 5 days ago

    @Abestian THX~ Give aritcle max-width can fix all problem! I will keep create something different thing rather than just follow the tutorial! Happy coding!

    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