Hide a Drupal block on mobile devices

Question

I'm making a new Drupal site which is based on a non-bootstrap theme and makes heavy use of blocks to place content. Some blocks display content that is better to hide on smaller screens to have a nicer look and feel. I want to hide them, but I don't know how to do it. I'm using Drupal 9. I understand that there are some modules that can help in this situation, but those I know don't work with D9.

question from:https://stackoverflow.com/questions/65602362/hide-a-drupal-block-on-mobile-devices

Answer 1

Why use modules when CSS will do, something like

@media only screen and (max-width: 600px) {
  .blockname {
    display: none;
 }
}