diff --git a/sass/css/clients.scss b/sass/css/clients.scss index 74b8b6e..be9dc53 100644 --- a/sass/css/clients.scss +++ b/sass/css/clients.scss @@ -1,36 +1,7 @@ @import "defs"; -.client_box { - display: flex; -} - -.client_box-left { - flex: 38%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -.client_box-right { - flex: 62%; -} - -.client_box-left-row { - width: 100%; - display: flex; - flex-direction: row; - justify-content: flex-end; -} - -.client_box-img { - margin: 32px; -} - .client_box-text { text-align: left; - max-width: 800px; - margin: 32px; font-size: 110%; line-height: 130%; } @@ -43,3 +14,43 @@ left: -16px; top: 40px; } + +@media (width > 599px) { + .client_box { + display: flex; + } + + .client_box-right { + flex: 62%; + } + + .client_box-left { + flex: 38%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .client_box-left-row { + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-end; + } + + .client_box-img { + margin: 32px; + } + + .client_box-text { + max-width: 800px; + margin: 32px; + } +} + +@media (width < 600px) { + .client_box-text { + margin: 0 16px 32px 16px; + } +} diff --git a/sass/css/header.scss b/sass/css/header.scss index 8d37854..cfd8914 100644 --- a/sass/css/header.scss +++ b/sass/css/header.scss @@ -1,6 +1,8 @@ @import "defs"; header { + display: flex; + justify-content: space-between; height: 48px; max-width: 1100px; margin: 0 auto 16px auto; @@ -9,12 +11,10 @@ header { } #header-logo { - float: left; height: 48px; } #header-menu ul { - float: right; list-style-type: none; margin: 9px 0 0 0; }