3-column-preview-card-component

Solution retrospective
👾 Hello, Frontend Mentor coding community
This is my solution for the Social proof section challenge. TWEAKS 🚀:
Hover effects
👨🔬 Follow me in my journey to finish all challenges (HTML/CSS/JS) to explore solutions that aspires everyone with custom features and tweaks
Ill be happy to hear any feedback and advice!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @vinuman
Hello there,
The design looks awesome and congrats on completing the same.
-
Under your media query, please do increase the max-width value so that the page becomes responsive on medium size screen as well. A max-width of 768px would work well here.
-
Your CSS code quality looks really good. Good luck and happy coding!!
Marked as helpful -
- @RoanMacmillan
Nice one looks good!
I noticed there is an issue when hovering over the buttons; the container seems to grow a bit. You could try this instead:
button { font-weight: 700; border-radius: 30px; color: inherit; border: 2px solid white; padding: 1rem 3rem; background-color: var(--color-Very-light-gray-background-headings-buttons); } button:hover { background-color: inherit; cursor: pointer; color: var(--color-Very-light-gray-background-headings-buttons); }
Marked as helpful
Join 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