Date : 15th June 2026

Suitable for all the latest browsers

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

Information

While we wait for all browsers to support the new name for Masonry layouts, Grid Lanes, this is perhaps the simplest CSS only responsive emulation for this type of layout.

All you need to know is to know the aspect ratio (width and height of the images) and add this as an inline style for each image

For example, the first image width and height is 1024px by 1280px so the html for the image line is:

<div style="--aspect: calc(1024/1280);"><img src="columns/pic1 (1).jpg" ><p>01</p></div>

The CSS in the page head is very small and commented to enable you to adjust the number of images on each line.

Please consider making a donation, every little helps.