×
Night mode
Sign up
Login
@media queries 
@media query
is used for special devices. In the example below 
@media query
is for devices with width less than or equal to 
600px
#main {
    width: 70%;
    float: left;
    padding: 0 30px;
    box-sizing: border-box;
}
#sidebar {
    width: 30%;
    float: right;
    padding: 0 30px;
    box-sizing: border-box;
}
@media(max-width:600px) {
    #main {
        width: 100%;
        float: none;
    }
    #sidebar {
        width: 100%;
        float: none;
    }
}
by Valeri Tandilashvili
5 years ago
CSS
properties
CSS Crash Course For Absolute Beginners
1
Pro tip: use ```triple backticks around text``` to write in code fences