title: Responsive Square in CSS
body: <p>Does <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout" rel="nofollow noreferrer">CSS grid layout</a> have any way to make item height match item width, ensuring items are square ?</p>
  
  <p>e.g. Can we make the width and height <em>both</em> be "25% of grid container width"?</p>