I have just finished this challenge can you look and tell me some feedback for me to improve ☺
@byronbyron
Posted
To get all the cards next to each other, you could try adding a display: flex; to the .container for screen widths above 768px...
@media (min-width: 768px) {
.container {
display: flex;
}
}
Marked as helpful
@alexandre-dev29
Posted
@byronbyron Thanks so much I have tested it and it works, all the cards are aligned all three for screens widths above 768px :)
@Iamparves
Posted
Hi @alexandre-dev29,
Your cards are too much bigger and it feels like there are a lot more white space compared to the original design. And maybe you forgot to use the border-radius.
Also you should fix the buttons hover effect. It moves a little. The reason is that the button has border only in hover state. You should give it border in default state as well.
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
