make cards a bit prettier

use grid layout to limit width to three, and keep it centered so it isnt ungly
This commit is contained in:
Christian
2021-07-27 14:13:02 -04:00
parent d3b1c5dd2f
commit a14f4d535c
2 changed files with 14 additions and 1 deletions

View File

@@ -16,11 +16,22 @@ a {
* { /* unfucks some stuff */
box-sizing: border-box;
}
.contacts {
width: 550px;
margin:auto;
display: grid;
grid-template-areas: /* i know how to do it this way, */
'one two three'; /* so shut up about the "right way" */
grid-gap: 10px;
padding: 10px;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
}
.contact {
float: left;
width: 170px;
padding: 15px;
margin: 0px 10px 10px 0px;
background-color: #232629;
border-radius: 10px;
text-align: center;