Fix layout

This commit is contained in:
2020-09-01 14:04:02 +03:00
parent 0ef02edde9
commit 92ec1c03da
3 changed files with 34 additions and 6 deletions

View File

@@ -61,18 +61,28 @@ export default class Album extends Vue {
@media (max-width: 461px) {
.album {
flex: 1 100%;
max-width: 100%;
}
}
@media (min-width: 460px) and (max-width: 1401px) {
.album {
flex: 1 50%;
max-width: 50%;
}
}
@media (min-width: 1400px) and (max-width: 1801px) {
@media (min-width: 1400px) and (max-width: 1501px) {
.album {
flex: 1 33%;
max-width: 33%;
}
}
@media (min-width: 1500px) {
.album {
flex: 1 25%;
max-width: 25%;
}
}
</style>