DenisLovers/DenisSlider2000
11
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add responsive

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

12
style.css
View File

@@ -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;
} }
} }