How to color text so it is visible against any background color?
I have a page (source) where I've got a grid with different colored lines. Is there something I can set the
color of the text to so it'll always be visible?
I want something like mix-blend-mode difference plus filter invert(100%) from this article. I want the text color to be the inverse of the background, and not to invert the background.
I also have programmatic access to the hex version of the background color. I tried color-mixing some, to no avail....
Why is my article overlapping into my nav, and how do I fix it?
Go easy on me, I haven't worked with CSS or HTML since like high school. It could completely be that this is perfectly fine behavior and I'm overthinking it considering the texts aren't mixing, it's just the border going into the navbar that worries me.
Outside of knowing how to fix this issue so that, you know, my article section and my navbar section are separated from one another, are there any other glaring cases of bad code practices that I've made here? I feel like I might be overusing variables or classes.
https://jsfiddle.net/4vkxybqj/3/...
Issue with Making Child Div Inherit Height from Parent <td> without js or absolute positning.
I'm facing a problem with making a child div (.auto-box) inherit the height of its parent <td> in HTML/CSS without having using javascript or position absolute.
Here's a simplified version of my code:
https://codepen.io/umanga/pen/JjVMNbJ...
How do i design something like this
I am trying to design this just using div and inside this div ( span ) how can i get the same result??
Card positioning inside a grid container, we want the price and buttons to be the same for each card
https://github.com/callum-laing/shopping-site/tree/main/app
As you can see in the image, the button kinda floats around in each card, I want it at the very bottom of each card so it looks aligned as you scan across, instead of how it is now where it looks wavey and clunky..
I'm fine with the item description sitting below the image, and I'm fine with the price going wherever, as long as it's like the button, where it's aligned across the cards....
Trying to align every card so that the button?
in before someone mentions the unfinished title.
https://github.com/callum-laing/shopping-site/tree/main/app
I'm trying to figure out how I do this, I have no idea really.....
