title: CSS - aspect-ratio: not working in Safari browser
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.test {
      width: 20%;
      background: red;
      aspect-ratio: 1/1;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="test"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><code>aspect-ratio: 1/1;</code> It works fine in other browsers except safari. But this code doesn't work in Safari. I was using macOS 11.2. I have now updated to macOS 11.5.2. As far as I know it supports safari but I could not fully understand the problem. Thank you from now. If there is any missing information, I will add it if you let me know.</p>