diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 58db845d..1e960f34 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -109,6 +109,11 @@ -webkit-background-size:cover; background-size:cover; background-position: center top; + + @media (max-device-width:480px), screen and (max-width:800px) { + width: 100%; + height: 300px; + } } .interior .header-Outro .screenshot.dashboard { width: 249px; @@ -126,6 +131,11 @@ .interior .signup-Form fieldset { padding: 20px; } +.interior .header-Outro .signup-Form { + @media (max-device-width: 480px), screen and (max-width: 800px) { + padding-bottom: 0; + } +} .interior .header-Outro h2 { margin-top: 12px; font-size: 1.8em; @@ -394,6 +404,9 @@ width: 100%; margin-bottom: .75em; } + @media (max-device-width:480px), screen and (max-width:800px) { + border: 0; + } } .right-col { background: #FAF6F1; @@ -419,10 +432,20 @@ width: 66.95%; left: 33.05%; background: white; + + @media (max-device-width:480px), screen and (max-width:800px) { + width: 100%; + border-bottom: 1px solid #ddd; + float: left; + } } .site-profile .content.misc-page.columns .col-66 { padding: 0; min-height: 38em; + + @media (max-device-width:480px), screen and (max-width:800px) { + min-height: 0px; + } } .news-feed .content.misc-page.columns .col-66 { min-height: 56em; @@ -431,6 +454,10 @@ width: 33%; left: 33%; float: right; + + @media (max-device-width:480px), screen and (max-width:800px) { + width: 100%; + } } .interior .header-Outro.with-columns { padding-top: 22px; @@ -701,6 +728,10 @@ a.tag:hover { .signup-Area.large { width: 418px; height: 236px; + + @media (max-device-width:480px), screen and (max-width:800px) { + height: auto; + } } .interior .header-Outro.with-site-image { padding-top: 20px; @@ -824,14 +855,19 @@ a.tag:hover { width: 100%; padding: 20px 0 15px 30px; margin: 0 0 3px 0; -} -.post-comment input { - width: 84%; - float: left; -} -.post-comment .btn-Action { - margin-left: 10px; - margin-top: 4px; + + input { + width: 86%; + float: left; + + @media (max-width:950px) { + width: 82%; + } + } + .btn-Action { + margin-left: 10px; + margin-top: 4px; + } } .comment-policy { font-style: italic;