status-im
/
design.status.im
mirror of https://github.com/status-im/design.status.im.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

some adjustments

This commit is contained in:
andmironov 2018-04-29 20:54:56 +03:00
parent d18a1ea52e
commit 50f6a2370e
2 changed files with 42 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/main.css
View File

@ -1330,6 +1330,16 @@ body {
margin: 32px 0 0 0;
padding: 0 24px; } }
@media (max-width: 710px) {
.header {
margin-top: 24px; }
.main-nav {
display: none; }
.secondary-nav li {
margin-right: 12px; }
.secondary-nav li.social-link {
margin-left: 2px; } }
.intro {
position: fixed;
top: 280px;
@ -1386,6 +1396,25 @@ body {
.button.button--secondary:hover, a.button.button--secondary:hover {
background-color: rgba(255, 255, 255, 0.2); }
@media (max-width: 710px) {
.intro {
width: 100%;
margin: 0;
left: 0;
top: 160px;
padding: 0 24px; }
.intro h1 {
font-size: 22px;
line-height: 26px;
padding: 0 0 8px 0; }
.intro-buttons {
flex-direction: column; }
.intro .button {
width: 260px;
margin: 0 0 12px 0; }
.home-cover {
height: 440px; } }
.positions {
width: 900px;
margin: 0 auto; }
@ -1579,20 +1608,23 @@ body {
width: 900px; } }
@media (max-width: 996px) {
.home-wrap {
padding: 0 12px; }
.section {
width: 100%;
padding: 0 24px; } }
@media (max-width: 740px) {
padding: 0 24px; }
.inner-header {
padding: 32px 24px 0;
width: 100%; }
.inner-header h2 {
font-size: 22px; }
.section__text {
padding: 0 16px; }
.section__text h2 {
font-size: 20px;
line-height: 24px; }
.section__image {
transform: scale(0.9); } }
@media (max-width: 640px) {
transform: scale(0.9); }
.section {
height: auto;
flex-direction: column;

4
index.html
View File

@ -2,10 +2,14 @@
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Status Design</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div class="overlay">
<div class="popup">