-
Optimalisation:
The solution is to size a div and then fill it using patterns, thus reducing the number of divs and making the page more realistic due to the pattern:
Plate version: create mask patterns
Brick version: Work with brick version too...
-
Create new global css classes:
pattern,
no border,
only shadows & lights
remove borders => use gap
-
Create new SHADOW solution => use pattern
Advantage: no side shadows , more lifelike shadows
-
Create reality elements (images,webp) => ex.: 1x1 rouded transparent