tblyler/etch
1
0
Fork 0
mirror of https://github.com/LukasJoswiak/etch.git synced 2024-05-16 21:28:31 -04:00
Code Issues Projects Releases Wiki Activity

styling: make images centered on page

Browse source
This commit is contained in:
smoreface 2022-09-19 21:00:47 -07:00
parent 6eb110d5a2
commit 7ccc926ad7
2 changed files with 55 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/main.css
View file

@ -237,8 +237,10 @@ main#content #toc ol li:before {
}
main#content img {
max-width: 100%;
margin: 0 auto;
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}
main#content figure {

102
assets/css/min770px.css
View file

@ -1,52 +1,52 @@
@media (min-width: 770px) {
body {
width: 800px;
line-height: 1.5;
}
main#content hr {
width: 108%;
margin-left: -3.8%;
}
/* index.html styles */
header#banner h2 {
font-size: 25px;
font-size: 2.5rem;
}
main#content h3 {
font-size: 20px;
font-size: 2rem;
}
main#content ul#posts {
font-size: 18px;
font-size: 1.8rem;
}
/* single.html styles */
main#content header#post-header h1 {
font-size: 24px;
font-size: 2.4rem;
}
main#content img {
max-width: 108%;
margin-left: -3.8%;
}
main#content figure {
margin-left: -3.8%;
}
main#content figure img {
max-width: 108%;
}
main#content pre {
width: 108%;
margin-left: -3.8%;
padding: 1.5rem 2.2rem;
}
}
body {
width: 800px;
line-height: 1.5;
}
main#content hr {
width: 108%;
margin-left: -3.8%;
}
/* index.html styles */
header#banner h2 {
font-size: 25px;
font-size: 2.5rem;
}
main#content h3 {
font-size: 20px;
font-size: 2rem;
}
main#content ul#posts {
font-size: 18px;
font-size: 1.8rem;
}
/* single.html styles */
main#content header#post-header h1 {
font-size: 24px;
font-size: 2.4rem;
}
main#content img {
max-width: 90%;
}
main#content figure {
margin-left: -3.8%;
}
main#content figure img {
max-width: 108%;
}
main#content pre {
width: 108%;
margin-left: -3.8%;
padding: 1.5rem 2.2rem;
}
}