Section follows with two 50%/50% width square images:
Section follows with one row of three 33%/33%/33% width images. The third image has to be at least 960px wide for screen sizes 960px – 576px:
Section follows with one row of three square 33%/33%/33% width images. The third image has to be at least 960px wide for screen sizes 960px – 576px. The third image should not be the square version, or it will be very deep 960px – 576px. Use landscape instead:
Section follows with two rows of three 33%/33%/33% width images:
Section follows with two rows of three square 33%/33%/33% width images:
Section follows with four 25%/25%/25%/25% width images:
Section follows with four square 25%/25%/25%/25% width images:
Section follows with one 66% and one 33% width image (33% image must be at least 720px height):
Section follows with one 66% and one square 33% width image (33% image must be at least 720px height. Keep .square only on the smaller image, to avoid big resizing on smaller screens):
Section follows with one row of 50% + two 25% width images. 25% images must be at least 540px high. Unless there are two rows, on screens between 960px and 576px the thrid image will be full-width, so it has to be the 50% wide version:
Section follows with one row of 50% + two 25% width images, with the middle image square. 25% images must be at least 540px high. Unless there are two rows, on screens between 960px and 576px the third image will be full-width, so it has to be the 50% wide img version:
Section follows with two rows of 50% + two 25% width images. All image must be at least 540px high:
