Changeset 10562 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss

Timestamp:

01/08/2021 11:58:06 PM (5 years ago)

Author:

iandunn

Message:

wporg-main: Move hosting section above downloads for UX.

Most people install WP via a hosting provider, and many won't know what to do with a .zip file.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss (modified) (5 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_page-download.scss

@@ -29 +29 @@
 
     section {
-        padding: ms( 10 ) 0;
+        margin-top: 4em;
 
         h2:first-of-type {
@@ -37 +37 @@
 
     section.download {
-        padding-top: 0;
         text-align: center;
+        order: 3;
+
+        @include breakpoint( 768px ) {
+            order: 2;
+        }
 
         .call-to-action {
@@ -68 +72 @@
             }
         }
-        
+
         .dashicons-download:before {
             margin-right: 5px;
@@ -86 +90 @@
         position: relative;
         text-align: center;
+        padding: ms( 10 ) 0;
+        order: 2;
+
+        @include breakpoint( 768px ) {
+            order: 1;
+        }
 
         .parallelogram {
@@ -125 +135 @@
         text-align: center;
         width: 100%;
+        order: 1; /* Assume that mobile users want to install the apps on their phones, and desktop users want to setup WP on a server. */
 
-        @include breakpoint( 0, 768px ) {
-            border-top: none;
-            border-bottom: 2px solid #eee;
-            padding-top: 0;
+        @include breakpoint( 768px ) {
+            order: 3;
         }