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, Semantic HTML, and Flexbox

Brendan 170

@brendanmadden

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


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

P
Chamu 12,970

@ChamuMutezva

Posted

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

@brendanmadden

Posted

@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
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