Skip to content
Submitted over 3 years ago

Article Preview Component with Vanilla JS, Semantic HTML, and Flexbox

Brendan•170
@brendanmadden
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

Hey everyone!

This is my second challenge with JS, and it was really tough but a lot of fun!

The JS was pretty easy, but the CSS took me a lot longer than I thought it would, and I actually ended up starting the project from scratch after almost getting it completed!

I realized that some of the things I was having a tough time with shouldn't have been so tough So I took some time to revisit a lot of the basics about layout, and more about HTML and CSS. I'm so glad I did, and I'm feeling a lot better about the project now! After this one, I realize I need to go back and redo all of my previous ones, too! 😅

Feedback on both the design and the code would be really appreciated, and more than welcome! 💥

Community feedback

  • Chamu•13,130
    @ChamuMutezvaPosted over 3 years ago

    Good work, i like the alt values which are written in a very helpful way especially to assistive technology users

    Marked as helpful
    0
    Brendan•170
    @brendanmaddenPosted over 3 years ago

    @ChamuMutezva Thanks a lot, Chamu! I'm trying my best to learn as much as I can about accessibility best practices, but I have a long way to go!

    I appreciate the feedback!

    0

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