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

Marta 630

@martam90

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


Hello, feel free to leave a comment about my code. Any suggestions are welcome.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi, Marta! 👋

Good to see you complete yet another challenge! Nice work on this one! 👍

One small thing I might suggest is to vertically center the card component in the viewport in the desktop layout. You can easily do so by adding min-height: 100vh to the body and then using flexbox to center the card component after that. 😉

Keep coding (and happy coding, too)! 😁

1
Jane 1,040

@janegca

Posted

That looks really good Marta, at both sizes. The only tweak I might suggest is a little less space between the text and the author section. Nicely done :)

1
Web Frog 1,840

@MasterDev333

Posted

Great work @Marta. Your solution is spot on. One suggestion, it would be better if you add some transitions on buttons. Overall, well done! Happy coding~ :)

1

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