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

three-cards

Nikolai 200

@Nikolai-Nikolin

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


I also added active buttons

Community feedback

hitmorecode 6,230

@hitmorecode

Posted

Congratulations well done. Just one thing, the page is not responsive. You can do this with media query. If you add this media query the page will be responsive, but you still have to adjust some other things to make it look good.

@media only screen and (max-width: 860px) {
    .card-main {
        flex-direction: column;
    }
}

Marked as helpful

1

Nikolai 200

@Nikolai-Nikolin

Posted

@hitmorecode Oh, thanks for your advice! I only started my education, so i'll gain experience)

0
hitmorecode 6,230

@hitmorecode

Posted

@Nikolai-Nikolin Just keep going, there will be moments that you will get frustrated, but hang in there 👍 and keep coding

Marked as helpful

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