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