Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[CYS] Avoid the intro cards to get smaller on large screens (#48983) 

* Avoid the intro cards to get smaller on large screens

* Add changefile(s) from automation for the following project(s): woocommerce

* Add flex wrap

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Alba Rincón 2024-07-02 13:06:58 +00:00 committed by GitHub
parent 12ec2b757d
commit e842d4bc26
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/woocommerce-admin/client/customize-store/intro/intro.scss
View File

@ -213,23 +213,18 @@
}
.woocommerce-customize-store-cards {
display: grid;
display: flex;
flex-wrap: wrap;
gap: 32px;
row-gap: 54px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px;
@media only screen and (min-width: 1600px) {
grid-template-columns: repeat(4, 1fr);
}
.intro-card {
border-radius: 4px;
border: 1px solid #e9e9e9;
text-align: center;
padding: 36px 51px;
margin-top: 0;
width: 500px;
img {
width: 100%;

4
plugins/woocommerce/changelog/48983-48947-fix-intro-page Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: update
CYS - Improve the designs of the Intro page bottom cards.