lunasqu.ee-nuxt/assets/styles/components/_featured-project.scss

47 lines
655 B
SCSS
Raw Permalink Normal View History

2022-10-15 15:20:33 +00:00
.project {
display: flex;
flex-direction: row;
padding: 2rem 15rem;
background-color: #313131;
@media all and (max-width: 1400px) {
padding: 1rem;
}
@media screen and (max-width: 800px) {
flex-direction: column;
.project__image {
margin: 0;
text-align: center;
}
}
&:nth-child(2n + 1) {
background-color: #3e3e3e;
}
&__image {
max-width: 25rem;
&--left {
margin-right: 1.5rem;
}
&--right {
margin-left: 1.5rem;
}
img {
width: 100%;
}
}
&__infobox {
font-size: 1.2em;
display: flex;
flex-direction: column;
flex-grow: 1;
}
}