diff --git a/Mohammad Amir/mostlyfluid.css b/Mohammad Amir/mostlyfluid.css
new file mode 100644
index 0000000..93cc2e1
--- /dev/null
+++ b/Mohammad Amir/mostlyfluid.css
@@ -0,0 +1,50 @@
+.container{
+ display: flex;
+ flex-wrap: wrap;
+}
+.box{
+ width: 100%;
+ height: 400px;
+
+}
+.box1{
+ background-color: black;
+
+}
+.box2{
+ background-color: blue;
+
+}
+.box3{
+background-color: orange;
+
+}
+.box4{
+ background-color: red;
+
+}
+.box5{
+ background-color: green;
+
+}
+@media screen and (max-width: 900px) {
+ .box{
+ width: 33%
+
+ }
+ .box1{
+ width: 58%;
+ }
+ .box2{
+ width: 38%;
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .box{
+ width: 48%
+ }
+ .box1{
+ width: 100%;
+ }
+}
diff --git a/Mohammad Amir/mostlyfluid.html b/Mohammad Amir/mostlyfluid.html
new file mode 100644
index 0000000..22ee5a0
--- /dev/null
+++ b/Mohammad Amir/mostlyfluid.html
@@ -0,0 +1,20 @@
+
+
+
+ Mostly Fluid
+
+
+
+
+
+
+
\ No newline at end of file