nicer buttons

This commit is contained in:
Ruben 2023-11-14 22:55:10 -06:00
commit b9b998a71b
No known key found for this signature in database
2 changed files with 75 additions and 42 deletions

View file

@ -606,17 +606,40 @@ footer > .dot {
grid-row: 6;
}
.buttons-area {
margin-top: 1em;
text-align: center;
.buttons-img:first-child {
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-template-columns: repeat(3, 1fr);
margin: 0.6em 19em 1em 19em;
place-items: center;
}
.buttons-img, .buttons-img > a {
font-size: 1px;
.buttons-img:nth-child(2) {
display: grid;
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(9, 1fr);
margin: 0.2em 1em 0.6em 1em;
place-items: center;
}
.buttons-img:nth-child(4) {
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-template-columns: repeat(2, 1fr);
margin: 0.2em 22em 0px 22em;
}
.buttons-img > a {
font-size: 0px;
}
.buttons-img > a > img {
margin: 1px;
margin: 3px;
}
.buttons-area > small {
display: flex;
justify-content: center;
}
.yoshi {
@ -670,6 +693,13 @@ footer > .dot {
padding-left: unset;
}
.buttons-img:first-child, .buttons-img:nth-child(2), .buttons-img:nth-child(4), .buttons-img {
display: flow-root;
margin: 1em 0px 1px 0px;
text-align: center;
justify-content: center;
}
footer {
flex-direction: column;
text-align: center;