Responsive Image Tests

HTML tests

CSS test | x-descriptors

CSS test | next-gen images

Note: In the HTML tests, no CSS styles are applied to the images — you just see the raw image files. To display fluid images on mobile (to prevent overflowing), you'd need to add the following CSS rules:

img {
    max-width: 100%; 
    height: auto;

Go to the article » Go to GitHub »