onomanapeia/webbed-site
onomanapeia/webbed-site
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

finishing touches 3.0

Browse source
This commit is contained in:
onomanapeia 2024-09-13 22:07:02 -05:00
parent ebaecb1356
commit 1e8c4b1149
2 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
content/picrew/index.md
View file

@ -2,7 +2,8 @@
title = "picrews i've made" title = "picrews i've made"
+++ +++
I started playing with picrew when I first began seeing them being circulated in 2021 or so, and have collected many over the years! only recently have I begun to document & save the links to them, so if you have links to any of these picrews, please contact me so I can link back to them!! (I have lost some over the years ;w;) I started playing with picrew when I first began seeing them being circulated in 2021 or so, and have collected many over the years! only recently have I begun to document & save the links to them, so if you have links to any of these picrews, please contact me so I can link back to them!! (I have lost some over the years ;w;)
<div class="three-column">
<div class="four-column">
[![](download20240700122737.png)](https://picrew.me/en/image_maker/2307052) [![](download20240700122737.png)](https://picrew.me/en/image_maker/2307052)

20
static/css/style.css
View file

@ -162,6 +162,10 @@ pre {
padding: 0 .5em; padding: 0 .5em;
} }
.navtoc p {
margin: 0;
}
.center { .center {
text-align: center; text-align: center;
} }
@ -322,7 +326,7 @@ hr {
} }
} }
.three-column { .four-column {
display:flex; display:flex;
flex-wrap:wrap; flex-wrap:wrap;
width:98%; width:98%;
@ -330,25 +334,25 @@ hr {
text-align: center; text-align: center;
} }
.three-column > * { .four-column > * {
width:100%; width:100%;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
align-content: space-evenly; align-content: space-evenly;
} }
.three-column img { .four-column img {
max-width: 80%; max-width: 390px;
padding: 1em; justify-content: space-evenly;
} }
.three-column p { .four-column p {
margin: 0; margin: 0;
} }
@media (min-width:768px) { @media (min-width:768px) {
.three-column > * { .four-column > * {
width:calc(99% / 3); width:calc(100% / 4);
} }
} }