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