Submitted over 1 year ago

Product preview card component - HTML5 - CSS3

Cristian Ariel Delgado• 50

@CristianArielDelgado

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

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I am really open to read all the feedback you want to share with me. Thank to @Hassiai who in the last project recommend me to use relative units to improve my coding. I tried to do it in this project.

On the other hand, I would love if somebody help me with the responsive part, because I do not know why the footer is in another position so the background color cannot cover all the content.

Thank you in advance.

Community feedback

Silas• 350

@Silas310

Posted over 1 year ago

If you want the background-color to cover it all, why don't you just delete the footer tag?
And it may be better to use a picture tag to match the correct image instead of using display:none;

Congratulations on completing the challenge.

Cristian Ariel Delgado• 50

@CristianArielDelgado

Posted over 1 year ago

thank you so much for your help ! @Silas310

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