Home | Twitter | LinkedIn | Consulting | About | RSS | Map
Mon, 13 Feb 2017
Simple Table w/Media Query
Table-like design need not do without media queries. I used the same idea behind the media query example and applied it to the first example).
Again, here is the markup:
- Lines 6-20 - This is all the same as before.
- Line 24 - Enter the media query. This one says 'do this stuff if the browser window's max width is 500 pixels.'
- Line 29 - Notice that the total width is less than the default.
Here's the thing: you have to be wary of the order of your CSS. If the media query came before the base definition the results would be different. Try it yourself.
posted at: 18:13 | path: /technical/markup/HTML/CSS | this entry | top
© 2015-2017. All Rights Reserved. All original code appearing on this site is MIT Licensed unless otherwise noted.