title: Responsive Grid Layout Relative to Screen Size
body: <p>I have listed my design requirements below - </p>
  
  <ol>
  <li><p>I'm working on creating a responsive grid layout relative to screen size. Similar to the attached image <img src="https://i.stack.imgur.com/7Slmx.png" alt="enter image description here"></p></li>
  <li><p>If the user resize the screen, then grids should adjust itself (both in height and width) to occupy the screen size. Technically grids should occupy entire screen without vertical scroll bars.</p></li>
  <li><p>Above condition #2 is applicable only for desktop and tablet devices. For other screen the grid will behave like normal responsive layouts (i.e with vertical scroll bar to display entire content)</p></li>
  <li><p>Can someone please guide me how to implement above requirement using a jQuery plugin or something similar.</p></li>
  </ol>