How to automatically change HTML table column count based on screen size?

I want to have different layout for different window screen size specially for mobile devices. If for example. the screen is 1080p then 4 columns, if 720p then 2 columns. How can I dynamically do this in HTML5/CSS?

Or DIV is better than using table in this case?

Thanks