diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 1848ad407d..34851cf03b 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -296,17 +296,36 @@ @media screen and (max-width: 782px) { .about__section.has-2-columns.is-wider-right, .about__section.has-2-columns.is-wider-left, - .about__section.has-3-columns, - .about__section.has-4-columns { + .about__section.has-3-columns { display: block; padding-bottom: 16px; } - .about__section.has-3-columns .column:nth-of-type(n), - .about__section.has-4-columns .column:nth-of-type(n) { + .about__section.has-3-columns .column:nth-of-type(n) { padding-top: 16px; padding-bottom: 16px; } + + .about__section.has-4-columns { + -ms-grid-columns: (1fr)[2]; + grid-template-columns: repeat(2, 1fr); + } + + .about__section.has-4-columns .column:nth-of-type(2n+1) { + -ms-grid-column: 1; + grid-column-start: 1; + } + + .about__section.has-4-columns .column:nth-of-type(2n) { + -ms-grid-column: 2; + grid-column-start: 2; + } + + .about__section.has-4-columns .column:nth-of-type(4n+3), + .about__section.has-4-columns .column:nth-of-type(4n) { + -ms-grid-row: 2; + grid-row-start: 2; + } } @media screen and (max-width: 600px) { @@ -327,6 +346,18 @@ } } +@media screen and (max-width: 480px) { + .about__section.has-4-columns { + display: block; + padding-bottom: 16px; + } + + .about__section.has-4-columns .column:nth-of-type(n) { + padding-top: 16px; + padding-bottom: 16px; + } +} + /* 1.2 - Typography & Elements */ .about__container { @@ -1113,7 +1144,7 @@ } .freedoms-php .column .freedoms-image { - background-image: url('../images/freedoms-2x.png'); + background-image: url('../images/freedoms.png'); background-size: 100%; padding-top: 100%; } diff --git a/src/wp-admin/images/freedoms-2x.png b/src/wp-admin/images/freedoms-2x.png deleted file mode 100644 index b588f770e3..0000000000 Binary files a/src/wp-admin/images/freedoms-2x.png and /dev/null differ diff --git a/src/wp-admin/images/freedoms.png b/src/wp-admin/images/freedoms.png new file mode 100644 index 0000000000..84ca6c27dc Binary files /dev/null and b/src/wp-admin/images/freedoms.png differ