quick css
This commit is contained in:
parent
6c0dcff3f4
commit
330b2a7454
|
@ -38,22 +38,22 @@ ul {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 30px;
|
padding: 15px;
|
||||||
@media screen and (max-width: 569px) {
|
@media screen and (min-width: 570px) {
|
||||||
padding: 15px;
|
padding: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 15px;
|
||||||
border-bottom: 2px solid #000;
|
border-bottom: 1px solid #000;
|
||||||
@media screen and (min-width: 570px) {
|
@media screen and (min-width: 570px) {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
padding: 5px;
|
padding-bottom: 5px;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
|
|
Loading…
Reference in New Issue