njpma/app/static/css/partials/_film.scss
2021-09-30 19:33:47 +01:00

36 lines
527 B
SCSS

.films {
width: 100vw;
.film {
width: 100vw;
display: flex;
flex-direction: row;
.left, .right {
width: 50%;
img {
max-width: 100%;
}
}
h1 {
font-weight: bold;
font-size: 20px;
}
}
@media screen and (max-width: 799px) {
.film {
margin-bottom: 16px;
flex-direction: column;
.left, .right {
width: 100%;
img {
max-width: 100%;
}
}
h2 {
margin-bottom: 8px;
}
}
}
}