Hiding Columns on Mobile screen size

Has anyone added code that would hide certain columns in a table view based on @media screen size? I have a table with some columns that we want to hide when the app is being viewed on a mobile device. Currently the users have to scroll horizontally quite a bit, so I’m hoping that I can just hide a few extra columns ONLY when @media screen size is small enough.

Nevermind! I ended up figuring it out.

Would you mind sharing please?

/*Set whatever width you want, replace view_### and field_###'s with your own*/
/*You need to set both th and td for each field_###*/

@media screen and (max-width: 800px)
{#view_823 th.field_98 {
  display: none !important;

#view_823 td.field_98 {
  display: none !important;