arrow_back How do I adapt the table?

Question

The point is that there is such a table:

If the resolution is less than 640, you have to make it so:

Comments

If these are letters, no

Answer 1

You make a media selector, and for the columns you want, you make a display nonetheless.
I was writing from my cell phone, so it's not quite right.
Here's your case
https://codepen.io/AllThingsSmitty/pen/MyqmdM

Answer 2

In fact, one of the most effective options is to create a horizontal scrolling table.
I found one interesting approach to table adaptivity. It consists of using data attributes and pseudoclasses.
You can see an example on my website page https://cerbergroup.ru/dlya-biznesa/videomonitoring.php
There is a table at the bottom of the page. try reducing the width of the window. I hope you like this option.

Answer 3

Use media queries and pseudo elements. Check out an example from one of my sites:
https://imgural.ru/product/lpu
Scroll down to the table and try reducing the width of the window.