forked from shadowfacts/shadowfacts.net
Mobile fixes
This commit is contained in:
parent
08efa719f6
commit
601eefab54
|
@ -17,6 +17,7 @@ body {
|
|||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.main {
|
||||
|
@ -39,14 +40,12 @@ body {
|
|||
}
|
||||
|
||||
article {
|
||||
// max-width: 720px;
|
||||
// margin: 0 auto;
|
||||
margin-bottom: 75px;
|
||||
color: var(--content-text-color);
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
width: 100%;
|
||||
width: calc(100% - 2 * 30px); // account for .container padding, don't overflow
|
||||
max-width: 720px;
|
||||
height: 1px;
|
||||
background-image: linear-gradient(to right, var(--secondary-ui-text-color), var(--shadow-color));
|
||||
|
@ -193,11 +192,15 @@ pre, code {
|
|||
font-size: 16px;
|
||||
}
|
||||
|
||||
figure {
|
||||
img {
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
|
||||
figcaption {
|
||||
font-family: $sansSerif;
|
||||
font-size: 16px;
|
||||
|
|
Loading…
Reference in New Issue