Ok… so…
Take a few minutes to understand them. You will be a lot more comfortable with them. They are NOT difficult.
Spoiler:
Think of it as a basic if-then statement: If x then y
If x is true then do y.
Code:
@media screen (min-width: 600px) {color:red}
If the screen width is 600 or greater then font color is red.
Or
@supports (columns) {columns:2}
If the device supports the ‘columns’ css then use 2 columns
In any case, you can’t recommend others NOT use them just because you aren’t comfortable with them. The
customer doesn’t see anything complicated, they just see what looks good. It’s the publisher’s job to make it happen…. Including learning how to do the slightly-more-complicated-than-basic css.