style: fix hardcoded widths to make preservation site responsive on mobile
This commit is contained in:
+9
-3
@@ -55,11 +55,16 @@
|
|||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
width: 640px;
|
max-width: 640px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
section {
|
section {
|
||||||
width: 640px;
|
max-width: 640px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 15px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
section p {
|
section p {
|
||||||
@@ -69,7 +74,8 @@
|
|||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
section img {
|
section img {
|
||||||
max-width: 640px;
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
|
|||||||
Reference in New Issue
Block a user