Bolding statements / attributes in mobile grids

Question

I have been making statements / attributes bold in mobile view which looks better in my opinion, plus my clients have requested it also.

I have been using Perl script as such ...

[%Begin Unverified Perl 

 my $Q14_code1=0;

 if(SCREENWIDTH()>800) 
  {  
   $Q14_code1="Provides sound advice"; 
  }
 
 else 
  {  
   $Q14_code1="<b>Provides sound advice</b>";  
  }

 return $Q14_code1;
 
End Unverified%]

So if I have a lot of statements / attributes, it takes up more time and effort. Is there a more suitable solution (assuming CSS) to force statements / attributes to be bold for mobile view and not bold for the larger devices?

Thanks.

Answer 1

There are a few classes that only appear for mobile grids that can be used.

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

Comments

Just what I was looking for thanks Zachary. It's a beauty!