Lucas 👾• 104,580
@correlucas
Posted
👾Hello @TheN0rt, Congratulations on completing this challenge!
Great code and great solution! I’ve few suggestions for you that you can consider adding to your code:
1.Add transitions to make the interaction smoother while the element gets hovered, you can use a value like transition: all ease-in 0.5s.
2.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) {
.wrapper .container .nft .nft__text-block .nft__price {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
}
✌️ I hope this helps you and happy coding!
Marked as helpful
1
