diff --git a/Namangoyal/response1.css b/Namangoyal/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal/response1.html b/Namangoyal/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/Namangoyal/response2.css b/Namangoyal/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal/response2.html b/Namangoyal/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal/response3.css b/Namangoyal/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal/response3.html b/Namangoyal/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layout/columndrop/response2.css b/Namangoyal_layout/columndrop/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal_layout/columndrop/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal_layout/columndrop/response2.html b/Namangoyal_layout/columndrop/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal_layout/columndrop/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layout/layout shifter/response3.css b/Namangoyal_layout/layout shifter/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal_layout/layout shifter/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal_layout/layout shifter/response3.html b/Namangoyal_layout/layout shifter/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal_layout/layout shifter/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layout/mostlyfluid/response1.css b/Namangoyal_layout/mostlyfluid/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal_layout/mostlyfluid/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal_layout/mostlyfluid/response1.html b/Namangoyal_layout/mostlyfluid/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal_layout/mostlyfluid/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/Namangoyal_layouts/columndrop/response2.css b/Namangoyal_layouts/columndrop/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal_layouts/columndrop/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal_layouts/columndrop/response2.html b/Namangoyal_layouts/columndrop/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal_layouts/columndrop/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layouts/layout shifter/response3.css b/Namangoyal_layouts/layout shifter/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal_layouts/layout shifter/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal_layouts/layout shifter/response3.html b/Namangoyal_layouts/layout shifter/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal_layouts/layout shifter/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layouts/mostlyfluid/response1.css b/Namangoyal_layouts/mostlyfluid/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal_layouts/mostlyfluid/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal_layouts/mostlyfluid/response1.html b/Namangoyal_layouts/mostlyfluid/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal_layouts/mostlyfluid/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/homework/response1.css b/homework/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/homework/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/homework/response1.html b/homework/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/homework/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/homework/response2.css b/homework/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/homework/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/homework/response2.html b/homework/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/homework/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/homework/response3.css b/homework/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/homework/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/homework/response3.html b/homework/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/homework/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file