Welcome to a tutorial on how to create mobile-friendly responsive CSS tables. When it comes to creating responsive web pages, tables are one of those "unfortunate" things in HTML. ... When it comes to smaller screens, we use the media query @media to hide the columns that are not critical. The table still fits nicely on the screen and looks. CSS3 Media Queries able to check for certain conditions and apply different stylesheets on it. For example, you could have one stylesheet for desktop device and a different one for mobile phones devices. It is surely helps.