title: dynamic grid - to display inline block
body: <p>So far I've managed to code a few squares and each square has flip animation when I hover and when it is being clicked it will have a popup modal window. </p>
  
  <p>I have 2 questions: 
  1) How do I display these squares so it will go across the page 10x10
    (inline-block) Tried putting display inline block on the panel but didnt work</p>
  
  <p>To have something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/AASn2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AASn2.png" alt="enter image description here"></a></p>
  
  <p>2) In the future the number of grids will increase to say 30x10. Is there a way I can draw these squares dynamically, JS function? </p>
  
  <p>Any help/suggestions would be greatly appreciated</p>