diff --git a/index.css b/index.css index 354bb3d..fcfcabc 100644 --- a/index.css +++ b/index.css @@ -45,35 +45,32 @@ .half-size { width: 49%; + margin: 0.5%; float: left; text-align: center; - /* line-height: 140pt; */ - margin: 0.5%; } .quarter-size { width: 24%; - /* height: 140pt; */ + margin: 0.5%; float: left; text-align: center; - /* line-height: 140pt; */ - margin: 0.5%; } .image-column-container { width: 24%; + height:100%; margin:0.5%; - height: 140pt; float: left; + text-align: center; + } .image-column-container > div { width: 100%; - height: 48%; - margin: 1%; + height: 49%; + margin: 0.5%; text-align: center; - line-height: 96px; - margin-bottom: 4%; } .images-container img{ diff --git a/labs/lab2.css b/labs/lab2/lab2.css similarity index 100% rename from labs/lab2.css rename to labs/lab2/lab2.css diff --git a/labs/lab2.html b/labs/lab2/lab2.html similarity index 100% rename from labs/lab2.html rename to labs/lab2/lab2.html diff --git a/labs/lab3/lab3.css b/labs/lab3/lab3.css new file mode 100644 index 0000000..2580d78 --- /dev/null +++ b/labs/lab3/lab3.css @@ -0,0 +1,48 @@ +h3{ + text-align: center; + margin: 2vh; +} + +a{ + /* display: inline-flex; + flex-direction: row; + flex-wrap: wrap; + background-color: gray; + width: 10%; это grid!!!*/ +} + +.content{ + background-color: lightgreen; + display: inline-flex; + flex-direction: row; + flex-wrap: nowrap; + padding:10px; +} + +.topic > b{ + display: block; + width: 50%; +} +.topic * { + display: inline-block; +} +.content :first-child b, .content :first-child a{ + background-color: lightgreen; +} + +.topic{ + /* width:calc(50%-10px); */ + padding:5px 10px; + margin: 10px ; + background-color: white; +} +@media (max-width:700px) { + .content{ + display: flex; + flex-direction: column; + } + .topic{ + width: calc(100%-20px); + /* width:50%; */ + } +} \ No newline at end of file diff --git a/labs/lab3/lab3.html b/labs/lab3/lab3.html new file mode 100644 index 0000000..fe655b4 --- /dev/null +++ b/labs/lab3/lab3.html @@ -0,0 +1,34 @@ + + + + + + + Lab 3 + + + + + +

Языки программирования

+

+ Python + C + Java + JavaScript +

+
+
+ Python создан в 1989–1991 годах голландским программистом Гвидо ван Россумом. +
+
+ C разработан в 1969–1973 годах сотрудником Bell Labs Деннисом Ритчи. +
+
+ Java разработан в 1990–1996 годах канадским программистом Джеймсом Гослингом. +
+
+ JavaScript разработан в 1996 году, автор - американский программист Брендан Айк. +
+
+ \ No newline at end of file