Adding our three columns to the media query

So now, we just need to add all of the CSS to our media query in order to get the rest of the site looking good, starting with the three column area. As you can see in the following screenshot, these are just too tight:

It's kind of standard practice to create a tube of content for smaller devices, getting rid of any multicolumn, floated layout. So we'll remove the float again from .column and make the width the full width of the parent by specifying the keyword of auto. Let's go to the bottom of our CSS and update the media query:

@media screen and (max-width: 1023px){  .intro-content { float: none; ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.