A redesign of the gallery was made

This commit is contained in:
Данил 2022-12-03 10:13:18 +03:00
parent 11643aebfc
commit 79555722ef

View file

@ -1,32 +1,44 @@
.card { .card {
border-radius: 2%;
min-width: 350px;
max-width: 400px;
height: 200px;
overflow: hidden;
margin: 10px;
background-color: #131313; background-color: #131313;
border-radius: 34px;
width: 359px;
height: 237px;
overflow: hidden;
} }
.header-row { .header-row {
flex-wrap: wrap; display: grid;
display: flex; grid-template-columns: repeat(4, 1fr);
flex-direction: row; grid-template-rows: repeat(1, 1fr);
align-items: center; grid-gap: 40px;
justify-content: space-around; padding: 10px;
margin-left: -100px;
} }
.card-img-top { .card-img-top {
object-fit: none; min-width: 120%;
object-position: center; min-height: 120%;
}
.card-img {
border-radius: 16px;
} }
lottie-player { lottie-player {
margin: 0 auto; margin: 0 auto;
} }
.modal-body,
.modal-footer,
.modal-header {
background-color: #212529;
color: white;
}
.modal-body p { .modal-body p {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
margin-top: 16px;
} }
.navbar { .navbar {