diff --git a/web/index.css b/web/index.css index c688b8d..eb614a7 100644 --- a/web/index.css +++ b/web/index.css @@ -167,6 +167,27 @@ "A A A" "B C D"; } + .one-three-topbottom .img1 { grid-area: A; } + +.ten-spl { + display: grid; + grid-template-areas: + "A A A B B B" + "C D D E E F" + "G D D E E H" + "I I I J J J"; +} + +.ten-spl .img1 { grid-area: A; } +.ten-spl .img2 { grid-area: B; } +.ten-spl .img3 { grid-area: C; } +.ten-spl .img4 { grid-area: D; } +.ten-spl .img5 { grid-area: E; } +.ten-spl .img6 { grid-area: F; } +.ten-spl .img7 { grid-area: G; } +.ten-spl .img8 { grid-area: H; } +.ten-spl .img9 { grid-area: I; } +.ten-spl .img10 { grid-area: J; } diff --git a/web/index.html b/web/index.html index 4f9f576..0dc118f 100644 --- a/web/index.html +++ b/web/index.html @@ -156,6 +156,20 @@
+
  • +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
  • diff --git a/web/splgrid.html b/web/splgrid.html new file mode 100644 index 0000000..c832798 --- /dev/null +++ b/web/splgrid.html @@ -0,0 +1,22 @@ + + + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +