mirror of
https://github.com/Starlio-app/Starlio-web.git
synced 2024-11-21 16:26:21 +03:00
improved text optimization and text placement under screens
This commit is contained in:
parent
45f7fb3120
commit
4408d1aae1
2 changed files with 66 additions and 24 deletions
|
@ -31,7 +31,7 @@ a {
|
|||
|
||||
#title {
|
||||
font-size: 2.5em;
|
||||
margin-top: -160%;
|
||||
margin-top: -170%;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
|
@ -60,7 +60,7 @@ a {
|
|||
|
||||
#title {
|
||||
font-size: 3em;
|
||||
margin-top: -130%;
|
||||
margin-top: -140%;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
|
@ -69,14 +69,14 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -6.7%;
|
||||
margin-top: -2%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#devices {
|
||||
margin: 39% auto;
|
||||
margin: 33% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
|
@ -84,6 +84,14 @@ a {
|
|||
margin-top: -110%;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#description {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
|
@ -95,24 +103,25 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: 1%;
|
||||
margin-top: -6%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#devices {
|
||||
margin: 30% auto;
|
||||
margin: 33% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
margin-top: -95%;
|
||||
margin-top: -106%;
|
||||
}
|
||||
|
||||
#description {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
|
@ -121,14 +130,14 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -2%;
|
||||
margin-top: -5%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#devices {
|
||||
margin: 25% auto;
|
||||
margin: 13% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
|
@ -141,9 +150,21 @@ a {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
#devices {
|
||||
margin-top: 25%;
|
||||
}
|
||||
|
||||
#get-it-on {
|
||||
|
@ -184,7 +205,7 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -25%;
|
||||
margin-top: -35%;
|
||||
margin-left: 47%;
|
||||
}
|
||||
}
|
|
@ -31,7 +31,7 @@ a {
|
|||
|
||||
#title {
|
||||
font-size: 2.5em;
|
||||
margin-top: -160%;
|
||||
margin-top: -170%;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
|
@ -60,7 +60,7 @@ a {
|
|||
|
||||
#title {
|
||||
font-size: 3em;
|
||||
margin-top: -130%;
|
||||
margin-top: -140%;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
|
@ -69,14 +69,14 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -6.7%;
|
||||
margin-top: -2%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#devices {
|
||||
margin: 39% auto;
|
||||
margin: 33% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
|
@ -84,6 +84,14 @@ a {
|
|||
margin-top: -110%;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#description {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
|
@ -95,24 +103,25 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: 1%;
|
||||
margin-top: -6%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#devices {
|
||||
margin: 30% auto;
|
||||
margin: 33% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 4em;
|
||||
margin-top: -95%;
|
||||
margin-top: -106%;
|
||||
}
|
||||
|
||||
#description {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
|
@ -121,14 +130,14 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -2%;
|
||||
margin-top: -5%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#devices {
|
||||
margin: 25% auto;
|
||||
margin: 13% auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
|
@ -141,9 +150,21 @@ a {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#subtitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#google-play, #github {
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
#devices {
|
||||
margin-top: 25%;
|
||||
}
|
||||
|
||||
#get-it-on {
|
||||
|
@ -184,7 +205,7 @@ a {
|
|||
}
|
||||
|
||||
#get-it-on {
|
||||
margin-top: -25%;
|
||||
margin-top: -35%;
|
||||
margin-left: 47%;
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue