Karl Matthews
@karmattAll comments
- @erdogantogay@karmatt
There's multiple ways to change the image color, but the one I like is using the ::after pseudo element (less markup).
What ::after does is place something immediately following the content of the element. So what you would do is for div that is wrapped around the image set it's position to relative.
Then create another selector:
div::after {
content: "" content is required when adding the ::before and after:: pseudo elements, but can set it to empty string
position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: purple }
- @guztrillo@karmatt
Looks great! Thank you for the tip. By default the button text color is black, so unless you changed it, you just need to set mix-blend-mode to screen.
Marked as helpful - @greardrear@karmatt
So if I understand you correctly no want no white-space around the cards on mobile? You could add:
- { padding: 0; margin: 0; }
That selects all the elements and removes any default padding or margin that is on certain elements by default.