I want to make 3 div's display in the same row with min-width of screen is 992px

Question

I have added float and media query but my code does not seem to work for 992 and above.Please let me know what am missing.

https://jsfiddle.net/ju1gpmeL/

@media(min-width: 992px){
#d1{
    float: left;
    width:32%;
}

#d2{
    float: left;
    width: 32%;
}
#d3{
    float: left;
    width: 32%;

}

}

Answer 1

@media(min-width: 992px){
#d1{
    float: left;
    width:33%;
}

#d2{
    float: left;
    width: 33%;
}
#d3{
    float: left;
    width: 33%;

}

}