Found the "How To" on how to add CSS to make a 3-column layout break to a single column for mobile media. But I am not familiar enough with Concrete5 code to understand where this code needs to go in order for it to work.

See excerpt of the "How To" below:

"... if you for example create a 3 columns layout, try resize the browser and that specific layout would still be 3 columns at a width for ex 480px. To overcome this I have found a quick and effective solution for this. Assuming your targeting with media queries for example your breaking your content at 768px in you css add:



This will override any inline css to make its width 100%. Neat, now your layouts break to a single column if screen width is less that 768px. Give it a try and thanks for reading."

Can someone please tell me where the author intends this CSS code to be added?

Thank you very much.