diff --git a/labs/lab3/lab3.css b/labs/lab3/lab3.css index 2580d78..27a7511 100644 --- a/labs/lab3/lab3.css +++ b/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; } \ No newline at end of file