FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add media queries for most popular devices (#19)

Browse source 
https://deviceatlas.com/blog/viewport-resolution-diagonal-screen-size-and-dpi-most-popular-smartphones
This commit is contained in:
Pau Trepat Segura 2020-06-30 17:04:21 +02:00 • committed by GitHub
parent 45535cd290
commit 0dca3b1800
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 40 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

40
static/assets/css/experiences.css
View file

@ -113,3 +113,43 @@
@media only screen and (max-width: 576px) {
}
/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
.top-left {
left: -52%;
top: -50%;
}
.top-right {
left: 52%;
top: -50%;
}
}
/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
.top-left {
left: -56%;
top: -50%;
}
.top-right {
left: 56%;
top: -50%;
}
}
/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
.top-left {
left: -64%;
top: -50%;
}
.top-right {
left: 64%;
top: -50%;
}
}