Submitted almost 3 years ago

grid, flex, position relative/absolute, z-index

César Palma• 425

@xsrpm

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Would you have a feedback for me about the button when I clicked? Any comment is welcome.

Community feedback

Vinay Puppal• 160

@vinaypuppal

Posted almost 3 years ago

Hey, overall your solution looks good. Few suggestions

Make sure vertical align the card.
Add some box-shadow to the card
Check some HTML and ACCESSIBILITY issues reported here
Add padding around the card for small screens(i.e below 330px), at present it's touching the edges of the screen

Marked as helpful

Fluffy Kas• 7,735

@FluffyKas

Posted almost 3 years ago

Hey, your solution looks good! Just make sure you add alts for your images. They need to be there, even if your images are decorative (in this case they can be left empty).

Marked as helpful

Please log in to post a comment

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