How to remove an element (image) from the site if the screen width is less than x?

Question

css

I am doing a responsive design, it is necessary that a certain element is not displayed at a low screen resolution, preferably with the help of css.

Answer 1

use media query. For example

@media (min-width:900px) and (max-width:1300px) {
   .need-hide{
       display:none;
   }
}

Answer 2

solved by adding to css file

@media (max-width:[разрешение экрана]px)
{ [селектор блока]{display:none;} }

if the screen is less than or equal to this width, then the element will not be displayed
for <div id=qwe></div>will be #qwe
for <div class=qwe></div>will be .qwe
for <img src="..." />will be img