lab-3 done lower part

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%; */
+    }
+}