Laat je

inspireren door

onze klanten

/* Desktop */ @media screen and (min-width: 991px){ .populair-grid .populair-item:nth-child(6n + 1){ grid-column: span 5 !important; } .populair-grid .populair-item:nth-child(6n + 2){ grid-column: 8 / span 3 !important; } .populair-grid .populair-item:nth-child(6n + 3){ grid-column: 2 / span 10 !important; grid-row: 2 !important; } .populair-grid .populair-item:nth-child(6n + 3) .populair-item_img{ aspect-ratio: 16/9; } .populair-grid .populair-item:nth-child(6n + 4){ grid-column: 2 / span 4 !important; grid-row: 3 !important; } .populair-grid .populair-item:nth-child(6n + 5){ grid-column: 8 / span 5 !important; grid-row: 3 !important; } .populair-grid .populair-item:nth-child(6n + 5) .populair-item_img{ aspect-ratio: 2/3; } .populair-grid .populair-item:nth-child(6n + 5) .populair-item_img-wrap{ width: 115%; } .populair-grid .populair-item:nth-child(6n + 6){ grid-column: 1 / span 12 !important; grid-row: 4 !important; } .populair-grid .populair-item:nth-child(6n + 6) .populair-item_img{ aspect-ratio: 16/9; } } /* Tablet */ @media screen and (min-width: 479px) and (max-width: 991px){ .populair-grid .populair-item:nth-child(6n + 1){ grid-column: span 5 !important; } .populair-grid .populair-item:nth-child(6n + 2){ grid-column: 8 / span 4 !important; } .populair-grid .populair-item:nth-child(6n + 3){ grid-column: 2 / span 10 !important; grid-row: 2 !important; } .populair-grid .populair-item:nth-child(6n + 3) .populair-item_img{ aspect-ratio: 16/9; } .populair-grid .populair-item:nth-child(6n + 3) .populair-item_img-wrap { transform: translate(0px, -10%); } .populair-grid .populair-item:nth-child(6n + 4){ grid-column: 2 / span 4 !important; grid-row: 3 !important; } .populair-grid .populair-item:nth-child(6n + 5){ grid-column: 8 / span 5 !important; grid-row: 3 !important; } .populair-grid .populair-item:nth-child(6n + 5) .populair-item_img{ aspect-ratio: 2/3; } .populair-grid .populair-item:nth-child(6n + 5) .populair-item_img-wrap{ width: 115%; } .populair-grid .populair-item:nth-child(6n + 6){ grid-column: 1 / span 12 !important; grid-row: 4 !important; } .populair-grid .populair-item:nth-child(6n + 6) .populair-item_img{ aspect-ratio: 16/9; } }