Hi I want to use media query in css in div element to resize it's height according to device. Can anyone send me whole process?

Answer 1

Ajay Rai try
@media screen and (min-width:600px){
div{
height:30vh;
}
}

Will change the div size if screen has a width of 600px and above

Answer 2

Where is your attempt?

Answer 3

@media on screen and (max-width:600px) {
div{
height: 30vh;
}
}

This is reducing my background color