lab3 done all
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
h3{
|
h3{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 2vh;
|
margin: 1vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
a{
|
a{
|
||||||
@@ -21,7 +21,7 @@ a{
|
|||||||
|
|
||||||
.topic > b{
|
.topic > b{
|
||||||
display: block;
|
display: block;
|
||||||
width: 50%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
.topic * {
|
.topic * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -36,7 +36,7 @@ a{
|
|||||||
margin: 10px ;
|
margin: 10px ;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
@media (max-width:700px) {
|
@media (max-width:800px) {
|
||||||
.content{
|
.content{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -46,3 +46,23 @@ a{
|
|||||||
/* width:50%; */
|
/* 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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user