title: Validator says I have a bad value for attribute sizes on element img
body: <p>i am <strong>unable to validate my image elements</strong> and unable to find the reason. The sizes element works as expected, Chrome loads the correct image.</p>
  <p><strong>The W3C-Validator says the following:</strong></p>
  <blockquote>
  <p>Bad value (max-width:768px)100vw, (min-width: 768px)45vw for attribute sizes on element img: Bad CSS number token: Expected a minus sign or a digit but saw ( instead at (max-width:768px)100vw,</p>
  </blockquote>
  <p><strong>This is my current markup.</strong></p>
  <pre><code>&lt;figure class=&quot;img&quot; data-imageid=&quot;1&quot;&gt;
      &lt;img alt=&quot;alt&quot; height=&quot;4329&quot; sizes=&quot;(max-width:768px)100vw, (min-width: 768px)45vw&quot; src=&quot;/7-mgl2164-1.avif&quot; srcset=&quot;/7-mgl2164-1.avif 6494w,/7-mgl2164-1-3840px-2560px.avif 3840w,/7-mgl2164-1-1920px-1280px.avif 1920w,/7-mgl2164-1-960px-640px.avif 960w,/7-mgl2164-1-720px-480px.avif 720w,/7-mgl2164-1-600px-400px.avif 600w,/7-mgl2164-1-480px-320px.avif 480w,/7-mgl2164-1-240px-160px.avif 240w,/7-mgl2164-1-120px-80px.avif 120w&quot; width=&quot;6494&quot;&gt;
      &lt;figcaption&gt;
          &lt;span&gt;This is an image&lt;/span&gt;
          &lt;small&gt;@Copyright&lt;/small&gt;
      &lt;/figcaption&gt;
  &lt;/figure&gt;
  </code></pre>
  <p>Ideas?</p>