lux/EMWeb
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

fixed images on mobile

Browse source
This commit is contained in:
Lux Aliaga 2021-11-07 22:12:56 -03:00
parent 5f87747453
commit f978f403cd
1 changed files with 26 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
index.html
View file

@ -47,18 +47,6 @@
text-align: left;
}
@media screen and (max-width: 600px) {
#about {
background-size: cover;
background-position: auto;
padding-left: 10%;
text-align: left;
}
#contact {
padding-right: 10%;
}
}
#footer {
color: #fff;
padding: 5% 10% 5% 10%;
@ -84,11 +72,31 @@
.left {
text-align: left;
border-radius: 16px;
width: 640px;
}
.right {
text-align: right;
border-radius: 16px;
width: 640px;
}
@media screen and (max-width: 600px) {
#about {
background-size: cover;
background-position: auto;
padding-left: 10%;
text-align: left;
}
#contact {
padding-right: 10%;
}
.left {
width: 100%;
}
.right {
width: 100%;
}
}
</style>
@ -109,12 +117,12 @@
</div>
</div>
<div id="screenshots">
<img src="img/screenshots/1.png" width=640px class="left"></img>
<img src="img/screenshots/2.png" width=640px class="right"></img>
<img src="img/screenshots/3.png" width=640px class="left"></img>
<img src="img/screenshots/4.png" width=640px class="right"></img>
<img src="img/screenshots/5.png" width=640px class="left"></img>
<img src="img/screenshots/6.png" width=640px class="right"></img>
<img src="img/screenshots/1.png" class="left"></img>
<img src="img/screenshots/2.png" class="right"></img>
<img src="img/screenshots/3.png" class="left"></img>
<img src="img/screenshots/4.png" class="right"></img>
<img src="img/screenshots/5.png" class="left"></img>
<img src="img/screenshots/6.png" class="right"></img>
</div>
<div id="contact">
<div style="padding: 24px; border-radius: 16px;">