min-width checks whether the screen is at least a specified width. Inside a media query, a true test applies the styles; a false test leaves them alone. This is one of the handy switches behind an adaptive layout. section 14.4
Show an aside on wider screens
Use min-width when a style belongs on screens 1,024 pixels wide or wider. Tiny screens can skip the aside styling without drama. section 14.4
@media (min-width: 1024px) {
aside {
display: inline-block;
}
}
This media query applies display: inline-block to aside when the screen width is at least 1,024 pixels. section 14.4
