diff --git a/Shashank Singh/Box.html b/Shashank Singh/Box.html
new file mode 100644
index 0000000..02fa140
--- /dev/null
+++ b/Shashank Singh/Box.html
@@ -0,0 +1,17 @@
+
+
+
+
+ Box
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Shashank Singh/Flex.css b/Shashank Singh/Flex.css
new file mode 100644
index 0000000..41db7cd
--- /dev/null
+++ b/Shashank Singh/Flex.css
@@ -0,0 +1,64 @@
+.container{
+ display: flex;
+ flex-wrap: wrap;
+ width: 600px;
+}
+.box{
+ width: 100%;
+ height: 200px;
+}
+
+.box1{
+ background-color: palevioletred;
+}
+
+.box2{
+ background-color: crimson;
+}
+
+.box3{
+ background-color: darkkhaki;
+}
+
+.box4{
+ background-color: aqua;
+}
+
+.box5{
+ background-color: darkgreen;
+}
+
+.box6{
+ background-color: fuchsia;
+}
+.box7{
+ background-color: navy;
+}
+
+.box8{
+ background-color: darkgoldenrod;
+}
+
+.box9{
+ background-color: chocolate;
+}
+
+
+@media screen and (min-width:420px) {
+ .box.box1{
+ width: 100%;
+ }
+
+ .box{
+ width: 50%;
+ }
+
+}
+
+@media screen and (min-width: 720px) {
+ .container{
+ margin: 0 auto;
+ }
+
+
+}
\ No newline at end of file
diff --git a/Shashank Singh/Flex.html b/Shashank Singh/Flex.html
new file mode 100644
index 0000000..fecc164
--- /dev/null
+++ b/Shashank Singh/Flex.html
@@ -0,0 +1,24 @@
+
+
+
+
+ Flex
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Shashank Singh/Fluid.css b/Shashank Singh/Fluid.css
new file mode 100644
index 0000000..b621cf9
--- /dev/null
+++ b/Shashank Singh/Fluid.css
@@ -0,0 +1,48 @@
+
+.container{
+ display: flex;
+ flex-wrap: wrap;
+ max-width: 600px;
+}
+
+.box{
+ width: 100%;
+ height: 200px;
+}
+.box1{
+ background-color: palevioletred;
+}
+
+.box2{
+ background-color: crimson;
+}
+
+.box3{
+ background-color: darkkhaki;
+}
+
+.box4{
+ background-color: aqua;
+}
+
+.box5{
+ background-color: darkgreen;
+}
+
+.box6{
+ background-color: fuchsia;
+}
+
+@media screen and (min-width: 720px) {
+ .container{
+ margin: 0 auto;
+ }
+
+}
+
+@media screen and (min-width:600px ) {
+ .container{
+ margin: 0 auto;
+ }
+ .box.box1{}
+}
\ No newline at end of file
diff --git a/Shashank Singh/Fluid.html b/Shashank Singh/Fluid.html
new file mode 100644
index 0000000..c904c4d
--- /dev/null
+++ b/Shashank Singh/Fluid.html
@@ -0,0 +1,20 @@
+
+
+
+
+ Fluid
+
+
+
+
+
+
+
+
\ No newline at end of file