bold the rows ONLY for mobile

Question

Hi,
I have a grid question and want to bold the rows only for mobile respondents. I tried the below code but it bolds column options as well.

<style>
.mobile_grid_card {
   font-weight: bold;
}

</style>

Answer 1

Good try.  Your CSS selector applies to the whole grid "card."  We need to look at the HTML and construct a CSS selector that will apply just to the row labels.  Assuming this is a row-oriented grid question, I think this is what you're after:

<style>
.mobile_grid_question {
    font-weight: bold;
}
</style>

Comments

Thanks Zachary, it works.