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

fixed images on mobile

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; 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 { #footer {
color: #fff; color: #fff;
padding: 5% 10% 5% 10%; padding: 5% 10% 5% 10%;
@ -84,11 +72,31 @@
.left { .left {
text-align: left; text-align: left;
border-radius: 16px; border-radius: 16px;
width: 640px;
} }
.right { .right {
text-align: right; text-align: right;
border-radius: 16px; 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> </style>
@ -109,12 +117,12 @@
</div> </div>
</div> </div>
<div id="screenshots"> <div id="screenshots">
<img src="img/screenshots/1.png" width=640px class="left"></img> <img src="img/screenshots/1.png" class="left"></img>
<img src="img/screenshots/2.png" width=640px class="right"></img> <img src="img/screenshots/2.png" class="right"></img>
<img src="img/screenshots/3.png" width=640px class="left"></img> <img src="img/screenshots/3.png" class="left"></img>
<img src="img/screenshots/4.png" width=640px class="right"></img> <img src="img/screenshots/4.png" class="right"></img>
<img src="img/screenshots/5.png" width=640px class="left"></img> <img src="img/screenshots/5.png" class="left"></img>
<img src="img/screenshots/6.png" width=640px class="right"></img> <img src="img/screenshots/6.png" class="right"></img>
</div> </div>
<div id="contact"> <div id="contact">
<div style="padding: 24px; border-radius: 16px;"> <div style="padding: 24px; border-radius: 16px;">