fixed images on mobile
This commit is contained in:
parent
5f87747453
commit
f978f403cd
44
index.html
44
index.html
|
@ -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,12 +72,32 @@
|
||||||
.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>
|
||||||
</head>
|
</head>
|
||||||
|
@ -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;">
|
||||||
|
|
Loading…
Reference in New Issue