From 543e5189da7bfc060ee6436b0a4e9fe947c25eb4 Mon Sep 17 00:00:00 2001 From: tmibvishal Date: Tue, 26 Jun 2018 17:03:07 +0530 Subject: [PATCH 1/2] fghjk --- Vishal Singh/Column Drop/index.html | 20 ++ Vishal Singh/Column Drop/styles.css | 68 +++++++ .../Layout Shifter/.idea/class 4 hw.iml | 12 ++ Vishal Singh/Layout Shifter/.idea/modules.xml | 8 + .../Layout Shifter/.idea/workspace.xml | 180 ++++++++++++++++++ Vishal Singh/Layout Shifter/index.html | 25 +++ Vishal Singh/Layout Shifter/style.css | 62 ++++++ Vishal Singh/Mostly Fluid/index.html | 20 ++ Vishal Singh/Mostly Fluid/styles.css | 102 ++++++++++ 9 files changed, 497 insertions(+) create mode 100644 Vishal Singh/Column Drop/index.html create mode 100644 Vishal Singh/Column Drop/styles.css create mode 100644 Vishal Singh/Layout Shifter/.idea/class 4 hw.iml create mode 100644 Vishal Singh/Layout Shifter/.idea/modules.xml create mode 100644 Vishal Singh/Layout Shifter/.idea/workspace.xml create mode 100644 Vishal Singh/Layout Shifter/index.html create mode 100644 Vishal Singh/Layout Shifter/style.css create mode 100644 Vishal Singh/Mostly Fluid/index.html create mode 100644 Vishal Singh/Mostly Fluid/styles.css diff --git a/Vishal Singh/Column Drop/index.html b/Vishal Singh/Column Drop/index.html new file mode 100644 index 0000000..8eb9d23 --- /dev/null +++ b/Vishal Singh/Column Drop/index.html @@ -0,0 +1,20 @@ + + + + + Class 4 part 2 + + + + +
+
Main Box
+
+
Box1
+
Box2
+
Box3
+
Box4
+
+
+ + \ No newline at end of file diff --git a/Vishal Singh/Column Drop/styles.css b/Vishal Singh/Column Drop/styles.css new file mode 100644 index 0000000..a5bbde6 --- /dev/null +++ b/Vishal Singh/Column Drop/styles.css @@ -0,0 +1,68 @@ +*{ + text-align: center; +} + +main{ + line-height: 100px; + font-size: 30px; + width: 684px; + margin: 0px auto; + box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.5); +} + +main:hover { + box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8); +} + +.container{ + line-height: 150px; + font-size: 20px; + display: flex; + flex-wrap: wrap; +} + +.box{ + width: 50%; + height: 150px; +} + +.box1{ + background-color: coral; +} +.box2{ + background-color: yellow; +} +.box3{ + background-color: red; +} +.box4{ + background-color: brown; +} +.box5{ + background-color: burlywood; +} +.box6{ + background-color: rosybrown; +}.box7{ + background-color: lime; + } +.box8{ + background-color: lavender; +} +.mainbox{ + height: 100px; + width: 100%; + background-color: aquamarine; +} + +@media screen and (max-width: 700px) { + main{ + width: 100%; + } +} + +@media screen and (max-width: 450px){ + .box{ + width: 100%; + } +} \ No newline at end of file diff --git a/Vishal Singh/Layout Shifter/.idea/class 4 hw.iml b/Vishal Singh/Layout Shifter/.idea/class 4 hw.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/Vishal Singh/Layout Shifter/.idea/class 4 hw.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/Vishal Singh/Layout Shifter/.idea/modules.xml b/Vishal Singh/Layout Shifter/.idea/modules.xml new file mode 100644 index 0000000..3ee8a94 --- /dev/null +++ b/Vishal Singh/Layout Shifter/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Vishal Singh/Layout Shifter/.idea/workspace.xml b/Vishal Singh/Layout Shifter/.idea/workspace.xml new file mode 100644 index 0000000..57136aa --- /dev/null +++ b/Vishal Singh/Layout Shifter/.idea/workspace.xml @@ -0,0 +1,180 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + true + DEFINITION_ORDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - 1529648130709 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file