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

3 column preview card

@AgusSaMac

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


New challenge, Feedback is always welcome.

Have a great day!

Community feedback

imad 3,330

@imadvv

Posted

Greetings Agustin Sanchez! Congratulations on completing this challenge! a few tips to make your solution responsive, you need to change height:100vh on body to min-height:100vh and add some padding to container.

.container {
padding-block: 2rem;
padding-inline: 1rem; 
}

over all you did well, Keep up the good work

Marked as helpful

0

@AgusSaMac

Posted

@imadbg01 Hello imad, I see why you suggested the changes, it now looks much better on smaller devices now. Thank you very much!

Have a great day!

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