Add responsive
This commit is contained in:
parent
2e47a55a09
commit
00ce8a9350
@ -13,7 +13,7 @@
|
|||||||
<img src="title.gif">
|
<img src="title.gif">
|
||||||
</div>
|
</div>
|
||||||
<div id="mobile-title">
|
<div id="mobile-title">
|
||||||
<img src="title.gif">
|
<img src="mobile-title.gif">
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper">
|
<div class="swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
|
BIN
mobile-background.jpg
Normal file
BIN
mobile-background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 52 KiB |
12
style.css
12
style.css
@ -36,11 +36,21 @@ body {
|
|||||||
|
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url("./mobile-background.jpg");
|
||||||
|
}
|
||||||
|
|
||||||
#title {
|
#title {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mobile-title {
|
#mobile-title {
|
||||||
display: block;
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photo-container {
|
||||||
|
width: 300px;
|
||||||
|
height: 300px;
|
||||||
|
margin-left: 15vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user