Add responsive

This commit is contained in:
Quentin ANIERE 2022-04-07 17:37:13 +02:00
parent 2e47a55a09
commit 00ce8a9350
3 changed files with 12 additions and 2 deletions

View File

@ -13,7 +13,7 @@
<img src="title.gif">
</div>
<div id="mobile-title">
<img src="title.gif">
<img src="mobile-title.gif">
</div>
<div class="swiper">
<div class="swiper-wrapper">

BIN
mobile-background.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -36,11 +36,21 @@ body {
@media screen and (max-width: 1024px) {
body {
background-image: url("./mobile-background.jpg");
}
#title {
display: none;
}
#mobile-title {
display: block;
display: flex;
}
.photo-container {
width: 300px;
height: 300px;
margin-left: 15vw;
}
}