From a783b315f64fd1058914a272c0d09b88f718b587 Mon Sep 17 00:00:00 2001 From: sp4113 Date: Wed, 13 Sep 2023 22:30:19 +0530 Subject: [PATCH] Grid Sizing Added --- 10.1 Grid Sizing/auto-size.html | 34 ++++++++ 10.1 Grid Sizing/fixed-size.html | 35 ++++++++ 10.1 Grid Sizing/fractional-size.html | 35 ++++++++ 10.1 Grid Sizing/index.html | 49 +++++++++++ 10.1 Grid Sizing/minmax-size.html | 34 ++++++++ 10.1 Grid Sizing/repeat.html | 36 ++++++++ 10.1 Grid Sizing/test.html | 118 ++++++++++++++++++++++++++ 7 files changed, 341 insertions(+) create mode 100644 10.1 Grid Sizing/auto-size.html create mode 100644 10.1 Grid Sizing/fixed-size.html create mode 100644 10.1 Grid Sizing/fractional-size.html create mode 100644 10.1 Grid Sizing/index.html create mode 100644 10.1 Grid Sizing/minmax-size.html create mode 100644 10.1 Grid Sizing/repeat.html create mode 100644 10.1 Grid Sizing/test.html diff --git a/10.1 Grid Sizing/auto-size.html b/10.1 Grid Sizing/auto-size.html new file mode 100644 index 0000000..45eb589 --- /dev/null +++ b/10.1 Grid Sizing/auto-size.html @@ -0,0 +1,34 @@ + + + + + + + Auto Size Grid + + + + +

Auto Size Grid

+
+
1
+
2
+
3
+
4
+
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/fixed-size.html b/10.1 Grid Sizing/fixed-size.html new file mode 100644 index 0000000..c7b4b7a --- /dev/null +++ b/10.1 Grid Sizing/fixed-size.html @@ -0,0 +1,35 @@ + + + + + + + Fixed Size Grid + + + + +

Fixed Size Grid

+
+
1
+
2
+
3
+
4
+
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/fractional-size.html b/10.1 Grid Sizing/fractional-size.html new file mode 100644 index 0000000..0b0a7b5 --- /dev/null +++ b/10.1 Grid Sizing/fractional-size.html @@ -0,0 +1,35 @@ + + + + + + + Fractional Size Grid + + + + +

Fractional Size Grid

+
+
1
+
2
+
3
+
4
+
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/index.html b/10.1 Grid Sizing/index.html new file mode 100644 index 0000000..a561556 --- /dev/null +++ b/10.1 Grid Sizing/index.html @@ -0,0 +1,49 @@ + + + + + + + + Grid Fundamentals + + + + +
+

Grid Sizing

+ Fixed Size + Auto Size + Fractional Size + MinMax Size + Repeat + Test + + +
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/minmax-size.html b/10.1 Grid Sizing/minmax-size.html new file mode 100644 index 0000000..159b77a --- /dev/null +++ b/10.1 Grid Sizing/minmax-size.html @@ -0,0 +1,34 @@ + + + + + + + MizMax Size Grid + + + + +

MinMax Size Grid

+
+
1
+
2
+
3
+
4
+
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/repeat.html b/10.1 Grid Sizing/repeat.html new file mode 100644 index 0000000..b9689e1 --- /dev/null +++ b/10.1 Grid Sizing/repeat.html @@ -0,0 +1,36 @@ + + + + + + + Repeat Grid + + + + +

Repeat

+
+
1
+
2
+
3
+
4
+
5
+
+ + + \ No newline at end of file diff --git a/10.1 Grid Sizing/test.html b/10.1 Grid Sizing/test.html new file mode 100644 index 0000000..76e7bc4 --- /dev/null +++ b/10.1 Grid Sizing/test.html @@ -0,0 +1,118 @@ + + + + + + + CSS Grid Sizing Exercise + + + + +

CSS Grid Sizing Exercise

+
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
50px high
+
+
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
width expands to fill space
+
400px wide
+
min 200px max 500px wide
+
50px high
+
+ + + + + + + \ No newline at end of file