3-column-preview-card-component-main solution by vimalathithan
Design comparison
Solution retrospective
love to hear your feedbacks...!
Community feedback
- @pvkom26Posted about 2 years ago
Add transition property to the buttons. For example like this: .btn { transition: background-color 0.3s; }; in this case you're saying that you want background-color on .btn change in 0.3s. It's a simple line of code but it makes a lot of difference when it comes to user experience!
Also, don't forget cursor: pointer on the buttons as well. People want to know for sure that these are supposed to be clickable.
There are also some issues with the container (.flexcontainer). I haven't seen the design files but I highly doubt it's supposed to be 100% width at all times... Is it? In any case, try playing with @media query a little bit - the three-column layouts stays for way too long when I shrink the browser window. Personally, I wouldn't keep it anywhere below 700px.
Everything else looks good. Good luck and don't give up!
0@vimalathithan17Posted about 2 years ago@pvkom26 sure thanks for your feedback buddy
0
Please log in to post a comment
Log in with GitHubJoin 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