diff --git a/Layout/fluid.css b/Layout/fluid.css
new file mode 100644
index 0000000..2f52620
--- /dev/null
+++ b/Layout/fluid.css
@@ -0,0 +1,40 @@
+.container{
+ display: flex;
+ flex-wrap: wrap;
+}
+.box{
+ width: 200px;
+ height: 100px;
+}
+.box1{
+ background-color: red;
+}
+.box2{
+ background-color: green;
+}
+.box3{
+ background-color: blue;
+}
+.box4{
+ background-color: lightgreen;
+
+}
+.box5{
+ background-color: yellow;
+}
+.box6{
+ background-color: blue;
+}
+
+
+@media screen and (min-width:600px ){
+
+ .box1{
+ width: 60%;
+ }
+ .box2{
+ width: 40%;
+ }
+ .box3,.box4,.box5,.box6{
+ width: 50%;
+ }
\ No newline at end of file
diff --git a/Layout/mostlyfluid.html b/Layout/mostlyfluid.html
new file mode 100644
index 0000000..1c80c38
--- /dev/null
+++ b/Layout/mostlyfluid.html
@@ -0,0 +1,19 @@
+
+
+
+ mostlyfluid
+
+
+
+
+
+
+
+
\ No newline at end of file