finished up to bootstrap

lectures/lec2/part4/task2.html

@@ -0,0 +1,38 @@
+
+
+<style>
+.pict {
+    display: flex;
+    flex-wrap: nowrap;
+
+    justify-content: center;
+    align-items: center;
+}
+
+.pict a img {
+    min-width:280px;
+    min-height:280px;
+}
+
+@media (max-width: 1000px) {
+    .pict {
+        flex-wrap: wrap;
+    }
+}
+
+@media (max-width: 700px) {
+    .pict {
+        flex-direction: column;
+        align-items: center;
+    }
+}
+</style>
+<hr>
+<div class="pict">
+    <a href="#"><img src="images/image_1.jpg"></a>
+    <a href="#"><img src="images/image_2.jpg"></a>
+    <a href="#"><img src="images/image_3.jpg"></a>
+    <a href="#"><img src="images/image_4.jpg"></a>
+    <a href="#"><img src="images/image_5.jpg"></a>
+</div>
+<hr>