Cover block does not use appropriate images for screen size

  • Babak Fakhamzadeh

    (@mastababa)


    3 years ago

    I set an image as the background for the cover block. This works.

    My cover block takes up the full width of the screen. On large screens, the low-res background image is not replaced with a higher res one. This is the markup of the cover block:

    <img loading="lazy" width="1674" height="430" class="wp-block-cover__image-background wp-image-4024" alt="" ... sizes="(max-width: 640px) 100vw, 640px">

    When I remove the value for the ‘sizes’ attribute, this again works as expected.

    The values for the ‘sizes’ attribute are, seemingly, added by the block.
    How to make this work as expected? What defines the values for the ‘sizes’ attribute?

  • The topic ‘Cover block does not use appropriate images for screen size’ is closed to new replies.