3-column-preview-card-component
Solution retrospective
Hi guys.
How did you solve the issue with the transparency(opacity) of the buttons? when not active their text color is the same like the background of the respective block(div). I was trying to style them at once and somehow made the text transparent but it didn't worked. So finally I had to make three classes and give color(same like background color of the div) for every text of the buttons. Could you please share some tips.
Best Regards, Kiril
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Babajide777
I simply made the background color inherit the background color of its parent. background-color: inherit; You can check my solution to understand better: https://www.frontendmentor.io/solutions/semantic-html5-markup-css3-flexbox-grid-fZ4rIBPVH
- @Aklog-1
lol I just asked same question. I also tried to make the color transparent but it doesn't work since there is the background of the button it self which happens to be white. I tried to remove the button's white background too and add a layer using pseudo class, it didn't work either. let's see if some one could help us,
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