45 lines
801 B
SCSS
45 lines
801 B
SCSS
.project{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
height: 416px;
|
|
padding: 30px;
|
|
flex: 1 1 0;
|
|
background-color: #FFF;
|
|
flex-basis: 35%;
|
|
.project-logo{
|
|
width: 238px;
|
|
height: 136px;
|
|
object-fit: contain;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.project-type{
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
.project-name{
|
|
text-align: center;
|
|
}
|
|
button, a{
|
|
margin-top: auto;
|
|
}
|
|
}
|
|
|
|
.projects{
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
background-color: var(--clr-gr);
|
|
gap: 1px;
|
|
}
|
|
|
|
@media screen and (max-width: 1024px){
|
|
.project{
|
|
height: auto;
|
|
padding: 30px 0 60px 0;
|
|
button{
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
} |