makeshift responsive styling
This commit is contained in:
parent
c23943a796
commit
e4a4e01618
2 changed files with 20 additions and 1 deletions
|
@ -50,5 +50,15 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
main {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -23,5 +23,14 @@ p {
|
||||||
img {
|
img {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
/*! display: block; */
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
main {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue