title: How to make a responsive html grid 6x4
body: <p>I need to make a responsive grid which doesn't lose its grid count (should be 6x4 even) when using a small screen and should cover the full screen and looks something like the image below.</p>
  
  <p>I didn't find anything similar to this online, I am not an UI expert, any help will be appreciated, how should one do this? bootstrap grid or table?</p>
  
  <p>I will be using this grid as a overlay to our website to listen to swipe actions.</p>
  
  <p><a href="https://i.stack.imgur.com/S8KGK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S8KGK.jpg" alt="enter image description here"></a></p>