Fix Free Plugins grid centering with improved flexbox layout

This commit is contained in:
Marcus Quinn
2025-03-24 23:50:09 +00:00
parent 69ad1d55a7
commit 169b226a39

View File

@ -1025,6 +1025,7 @@ body.wp-admin .button.pricing-button:hover,
position: relative; position: relative;
padding-bottom: 60px; padding-bottom: 60px;
background: #fff; background: #fff;
justify-self: center;
} }
/* Fix compatibility row alignment to bottom of card */ /* Fix compatibility row alignment to bottom of card */
@ -1080,14 +1081,19 @@ body.wp-admin .button.pricing-button:hover,
} }
/* Center the plugin container */ /* Center the plugin container */
#recommended .wpa-plugin-container { #recommended #the-list {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%;
}
#recommended .wpa-plugin-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 15px;
text-align: center;
} }
/* Explicitly target readme content */ /* Explicitly target readme content */