nicer buttons
This commit is contained in:
parent
ad9574b22b
commit
b9b998a71b
2 changed files with 75 additions and 42 deletions
42
style.css
42
style.css
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue