Hide content for small and extra small screen size devices

Question

I need to hide some `HTML` contents from the screen when the devices are changing. That mean I am trying to create a responsive design. In small screen sizes (below 768px) I want to hide some contents. My contents something like this - ```

Hot Linexxx-xxx-xx-xx

``` So I want to hide this contents from small and extra small size screen devises. I tried it using `L…

Accepted Answer

why not use

```
@media (max-width: 767px) {                  
   .content-to-hide {
      display: none;
   }
}
```

if you want to hide the content for screen-size below 768px

Hide content for small and extra small screen size devices

Solution

Problem