Fix mobiles

This commit is contained in:
Leonid Bugaev
2016-04-25 15:28:44 +05:00
parent fda8f5d3c3
commit ae79332c98
2 changed files with 208 additions and 0 deletions
+106
View File
@@ -19,6 +19,11 @@
body {
background: #eee;
max-width: 120rem;
}
.container-fluid {
max-width: 120rem;
}
nav h1 {
@@ -120,6 +125,107 @@
font-size: larger;
line-height: 200%;
}
@media (max-width: 48em) {
.navbar {
font-size: 150%;
padding: 1rem;
}
.navbar ul {
float: none !important;
}
.navbar .navbar-brand {
font-size: 2rem;
}
.navbar .navbar-brand + span {
font-size: 1.2rem;
line-height: 2rem;
opacity: 0.8;
display: block;
}
nav h1 {
line-height: 2rem;
/*font-size: ;*/
}
.container-fluid {
padding: 1rem !important;
}
.container-fluid p {
font-size: 1.2rem;
}
h3 {
font-size: 1em;
}
.trustedby {
margin-top: 2rem;
overflow: hidden;
}
.trustedby hr {
margin-bottom: 0;
}
.success-story {
float: none;
padding: 1rem;
width: 100%;
margin: 0;
margin-top: 1rem;
}
.success-story:nth-child(2n) {
width: 100%;
margin: 0;
margin-top: 1rem;
}
.success-story p {
font-size: 1rem;
}
.clearfix + hr {
margin-top: 1rem !important;
}
.pro {
margin-top: 1rem;
padding: 1rem;
}
.pro h1 {
font-size: 1.5rem;
}
.pro p {
font-size: 1rem;
}
.pro p small {
font-size: 1rem;
}
.pro ul {
padding-left: 1rem;
}
.pro li {
font-size: 0.9rem !important;
margin: 0;
}
h2 {
font-size: 1rem;
line-height: 1.5rem;
}
}
</style>
</head>
<body>
+102
View File
@@ -120,6 +120,108 @@
font-size: larger;
line-height: 200%;
}
@media (max-width: 48em) {
.navbar {
font-size: 150%;
padding: 1rem;
}
.navbar ul {
float: none !important;
}
.navbar .navbar-brand {
font-size: 2rem;
}
.navbar .navbar-brand + span {
font-size: 1.2rem;
line-height: 2rem;
opacity: 0.8;
display: block;
}
nav h1 {
line-height: 2rem;
/*font-size: ;*/
}
.container-fluid {
padding: 1rem !important;
}
.container-fluid p {
font-size: 1.2rem;
}
h3 {
font-size: 1em;
}
.trustedby {
margin-top: 2rem;
overflow: hidden;
}
.trustedby hr {
margin-bottom: 0;
}
.success-story {
float: none;
padding: 1rem;
width: 100%;
margin: 0;
margin-top: 1rem;
}
.success-story:nth-child(2n) {
width: 100%;
margin: 0;
margin-top: 1rem;
}
.success-story p {
font-size: 1rem;
}
.clearfix + hr {
margin-top: 1rem !important;
}
.pro {
margin-top: 1rem;
padding: 1rem;
}
.pro h1 {
font-size: 1.5rem;
}
.pro p {
font-size: 1rem;
}
.pro p small {
font-size: 1rem;
}
.pro ul {
padding-left: 1rem;
}
.pro li {
font-size: 0.9rem !important;
margin: 0;
}
h2 {
font-size: 1rem;
line-height: 1.5rem;
}
}
</style>
</head>
<body>