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:
13
styles.css
13
styles.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user