DenisSlider2000/style.css
2022-04-07 17:37:13 +02:00

57 lines
825 B
CSS

body {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("./background.jpg");
}
#title {
width: 100%;
display: flex;
justify-content: center;
}
#mobile-title {
display: none;
}
.swiper {
width: 500px;
height: 400px;
margin-top: 20vh;
}
.photo-container {
width: 500px;
height: 400px;
display: flex;
justify-content: center;
align-content: center;
}
@media screen and (max-width: 1024px) {
body {
background-image: url("./mobile-background.jpg");
}
#title {
display: none;
}
#mobile-title {
display: flex;
}
.photo-container {
width: 300px;
height: 300px;
margin-left: 15vw;
}
}