@correlucas
Posted
πΎHello @gsparmar, Congratulations on completing this challenge!
Great code and great solution! Iβve few suggestions for you that you can consider adding to your code:
To improve your component overall responsiveness, something you can do its to create a media query to save space in the pricing section
to make each information in a different row. Hereβs the code for this media query.
@media (max-width: 350px) {
.price {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
border-bottom: solid 1px var(--softblue);
padding-bottom: 1.2rem;
flex-direction: column;
}
}
βοΈ I hope this helps you and happy coding!
Marked as helpful