I'm struggling with what seems like a simple issue and can't find a solution anywhere.
The HTML element I have is <div class="box">
It originally has this rule in its stylesheet:
.box {
width: 40%;
}
My Custom CSS sheet overwrites the original stylesheet without modifying it directly.
What I need to do is change this rule to:
.box {
max-width: 40%;
}
So how can I add this new rule while canceling out the old one?
Could I achieve this by doing something like this?:
.box {
width: 0;
max-width: 40%;
}
Any suggestions or solutions would be greatly appreciated!