title: How to make square container with size depending on height in %?
body: <p>I'm developing on WordPress/Elementor and I need to create a footer made of single squares with content in each of. The final products is meant to
  <a href="https://i.stack.imgur.com/tCvdT.png" rel="nofollow noreferrer">look like this</a></p>
  <p>As a solution, I thought about making the height depend on the width of the sqaures which is specified in VW, and converting it to px for the width height.</p>
  <p>How can I realize this idea (in JS maybe?) or us there an even easier way to solve this task?</p>