@correlucas
Posted
👾Hi @chegx, congrats on completing this challenge!
Great solution and great start! By what I saw you’re on the right track. I’ve few suggestions to you that you can consider to add to your code:
To make your solution even better and more responsive, you can create a media query to break the elements in the pricing section
after width: 350px
and make every content in a different row, saving space for low resolution devices.
@media (max-width: 350px) {
.plan-box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
✌️ I hope this helps you and happy coding!
Marked as helpful
@chegx
Posted
@correlucas thank you for your feedback!
The card looks quite neat with viewport 300 px wide. Are there many devices with screen smaller than that?
@correlucas
Posted
@chegx Indeed its fine, but if you want to make your solution super responsive this is the way. I liked to make the maximum possible in my solutions, this is why I suggest Cheg. But anyway your solution is working yet.