From c63aa2416b398270b801801181b1fc738aad35c2 Mon Sep 17 00:00:00 2001 From: GhoshM Date: Mon, 3 Jun 2024 20:45:24 +0530 Subject: [PATCH] class-16-base-code-flex --- class-16-flex-box/class-code/index.html | 19 +++++++++++++++ class-16-flex-box/class-code/style.css | 31 +++++++++++++++++++++++++ 2 files changed, 50 insertions(+) create mode 100644 class-16-flex-box/class-code/index.html create mode 100644 class-16-flex-box/class-code/style.css diff --git a/class-16-flex-box/class-code/index.html b/class-16-flex-box/class-code/index.html new file mode 100644 index 0000000..285f24c --- /dev/null +++ b/class-16-flex-box/class-code/index.html @@ -0,0 +1,19 @@ + + + + + + flexbox finally!! + + + + +
+
box1
+
box2
+
box3
+
box4
+
+ + + \ No newline at end of file diff --git a/class-16-flex-box/class-code/style.css b/class-16-flex-box/class-code/style.css new file mode 100644 index 0000000..749a897 --- /dev/null +++ b/class-16-flex-box/class-code/style.css @@ -0,0 +1,31 @@ +.pbox{ + border: 2px solid black; + background-color: burlywood; + +} + +.box{ + border: 2px dotted brown; + width: 100px; + height: 20%; + padding: 2px; + margin: 10px; +} + + + +#id1{ + background-color: red; +} + +#id2{ + background-color: orange; +} + +#id3{ + background-color: blue; +} + +#id4{ + background-color: thistle; +} \ No newline at end of file