I am using a grid question in Discover with seven columns. Unfortunately, not all of these seven columns can be displayed simultaneously in desktop mode. Instead, a horizontal scroll bar appears, making the question very confusing.
Thus, I want to reduce the column width using Custom CSS. Here's what I've tried so far:
[question="TIPI"] {
@media screen and (min-width:834px) {
.grid-column-label {
font-size: smaller;
writing-mode:vertical-rl;
}
.grid-column-1 {
background-color: #ff0000;
}
.grid-column-2 {
width: 20px;
}
.grid-column-3 {
max-width: 20px;
}
.grid-column-4 {
zoom: 0.4;
}
}
}
Some stuff changes, but never the column width. What can I do about this?