From 56728c2ae3e294a271a4bf9675eaefb628dd9154 Mon Sep 17 00:00:00 2001 From: sonu-rana Date: Wed, 27 Jun 2018 02:48:34 +0530 Subject: [PATCH] adding the file --- Layout/fluid.css | 40 ++++++++++++++++++++++++++++++++++++++++ Layout/mostlyfluid.html | 19 +++++++++++++++++++ 2 files changed, 59 insertions(+) create mode 100644 Layout/fluid.css create mode 100644 Layout/mostlyfluid.html 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