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

@analuzcervantes

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


Hi all,

Developed the "Article preview component" using flexbox and scss to process css with tiny bit of JavaScript. I added a transition to the card image just by hovering over.

Any feedback is much appreciated. Let me know what you think.

Community feedback

@JonlyJ

Posted

It was very beautiful! Perhaps the variable could be declared according to its meaning, such as --background-color, primary-font-size. Using the z-index as 99999 is not good practice too, you need to be careful. in Mobile First is not centralized and the attribution class is standing out.

1

@analuzcervantes

Posted

Hi @JonlyJ 🖖

Thanks for the tips ❤

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