lab3 done all

labs/lab3/lab3.css

@@ -1,6 +1,6 @@
 h3{
     text-align: center;
-    margin: 2vh;
+    margin: 1vh;
 }
 
 a{
@@ -21,7 +21,7 @@ a{
 
 .topic > b{
     display: block;
-    width: 50%;
+    width: 40%;
 }
 .topic * {
     display: inline-block;
@@ -36,7 +36,7 @@ a{
     margin: 10px ;
     background-color: white;
 }
-@media (max-width:700px) {
+@media (max-width:800px) {
     .content{
         display: flex;
         flex-direction: column;
@@ -45,4 +45,24 @@ a{
         width: calc(100%-20px);
         /* width:50%; */
     }
+}
+
+/* grid part */
+
+p{
+    margin:  5px auto;
+    max-width: 600px;
+    display: grid;
+    grid-template-rows: 1fr 1fr; 
+    grid-template-columns: 1fr 1fr; 
+    grid-gap: 5px;
+}
+p > a{
+    background-color: lightgray;
+    text-decoration: none;
+    color: black;
+    text-align: center;
+}
+p> :first-child{
+    background-color: lightgreen;
 }