Update style.css

This commit is contained in:
Michi 2022-05-13 17:50:22 +02:00 committed by GitHub
parent c55a1fe0cf
commit 894c8e6f13
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -115,6 +115,61 @@ body{
height: auto;
}
#projects{
margin: auto;
}
#projectContainer{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.project{
width: 80%;
max-width: 450px;
height: auto;
background: var(--theme1);
border-radius: var(--borderRadius);
margin: var(--margin);
padding: 0 var(--padding) var(--padding) 0;
}
.project img{
width: 30%;
height: auto;
border-top-left-radius: var(--borderRadius);
}
.project h3{
width: calc(70% - (2 * var(--margin)));
height: auto;
float: right;
margin: var(--margin);
}
.project p{
margin: var(--padding);
}
.project button{
width: 80%;
height: auto;
margin: var(--padding);
padding: 10px;
font-size: 1rem;
background: var(--theme2);
color: #fff;
border: 2px solid #fff;
border-radius: var(--borderRadius);
}
.project button:hover{
background: var(--theme1);
}
#footer{
margin: 0;
padding: 0;