style update
This commit is contained in:
parent
f6874361d8
commit
7f904b8136
@ -22,7 +22,7 @@ body {
|
|||||||
width:70%;
|
width:70%;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
margin:auto;
|
margin:auto;
|
||||||
background-color: rgba(0,0,0,0.7);
|
background-color: rgba(0,0,0,0.77);
|
||||||
|
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
@ -31,10 +31,11 @@ main {
|
|||||||
main img {
|
main img {
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width:80%;
|
width:100%;
|
||||||
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
section, nav {
|
section, nav {
|
||||||
padding:3%;
|
padding:5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
@ -56,10 +57,23 @@ header {
|
|||||||
font-size:4em;
|
font-size:4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen
|
||||||
|
and (max-width : 800px) {
|
||||||
|
article {
|
||||||
|
columns: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen
|
||||||
|
and (min-width : 800px) {
|
||||||
|
article {
|
||||||
|
columns: 2;
|
||||||
|
column-gap:5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
article {
|
article {
|
||||||
text-align:justify;
|
text-align:justify;
|
||||||
columns: 2;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
article p {
|
article p {
|
||||||
margin-bottom:15px;
|
margin-bottom:15px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user