diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index bdc2721b..739e2738 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -1108,10 +1108,6 @@ a.tag:hover { .section.features .col { padding-left: 40px; - :first-child { - padding-left: 0; - } - @media (max-device-width:480px), screen and (max-width:800px){ padding-left: 20px; width: 100%; @@ -1400,9 +1396,47 @@ a.tag:hover { } } .section.plans.welcome { + padding: 55px 3%; + h3 { color: #5e95a1; } + .subtitle { + width: 68%; + margin-left: auto; + margin-right: auto; + + @media(max-device-width:480px), screen and (max-width:550px) { + width: 100%; + } + } + .plan-overview, >.row { + margin-left: auto; + margin-right: auto; + max-width: 990px; + min-width: 900px; + + @media(max-device-width:480px), screen and (max-width:550px) { + min-width: 0; + } + } + >.row >.col { + padding-left: 40px; + + &:first-child { + padding-left: 0; + } + + @media(max-device-width:480px), screen and (max-width:550px) { + padding-left: 0; + width: 100%; + } + } + >.row { + @media(max-device-width:480px), screen and (max-width:550px) { + margin-bottom: 0; + } + } .plan-overview { h3 { color: $c-Brand-1; @@ -1443,10 +1477,6 @@ a.tag:hover { .content { padding: 0; } - - @media(max-device-width:480px), screen and (max-width:550px) { - padding: 14px 10px; - } } .col.free { width: 29%; @@ -1457,7 +1487,7 @@ a.tag:hover { margin-bottom: 15px; .main-features { - margin-bottom: 94px; + margin-bottom: 96px; } } .col.supporter { @@ -1466,10 +1496,10 @@ a.tag:hover { border: 1px solid #E0E0E0; @include box-shadow(-1px 1px 5px 0px rgba(0,0,0,0.1)); .col:first-child { - width: 40%; + width: 38%; } .col:last-child { - width: 60%; + width: 62%; margin-top: 16px; p { font-weight: bold; @@ -1478,6 +1508,14 @@ a.tag:hover { } } } + @media(max-device-width:480px), screen and (max-width:550px) { + .col.free, .col.supporter, .col.supporter .col { + width: 100%!important; + } + .col.free .main-features { + margin-bottom: 10px; + } + } .row.content.txt-Center { margin-top: 0.6em; } diff --git a/views/welcome_mockup.erb b/views/welcome_mockup.erb index b924c823..c84e9e17 100644 --- a/views/welcome_mockup.erb +++ b/views/welcome_mockup.erb @@ -1,9 +1,7 @@

Welcome to Neocities, <%= current_site.username %>!

-
-

Free accounts will always be free and ad-free. -You can support our quest to bring back the creative, independent web by upgrading to the Supporter Plan.

-
+

Free accounts will always be free and ad-free. +You can support our quest to bring back the creative, independent web by upgrading to the Supporter Plan.