Fix inconsistent tile width between 1086px and 1400px window widths

This commit is contained in:
Marcus Quinn
2025-03-25 00:47:54 +00:00
parent 6528d8e79a
commit aac7ac1195

View File

@ -1248,15 +1248,6 @@ body.wp-admin .button.pricing-button:hover,
/* First breakpoint - 75% width */ /* First breakpoint - 75% width */
@media screen and (max-width: 1400px) { @media screen and (max-width: 1400px) {
.wp-allstars-tab-content .wp-setting-row,
.wp-allstars-tab-content .wp-allstars-toggle,
#recommended .plugin-card,
#readme .wpa-pro-plugin {
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
#readme .wp-allstars-markdown-content { #readme .wp-allstars-markdown-content {
padding: 15px; padding: 15px;
} }
@ -1264,25 +1255,6 @@ body.wp-admin .button.pricing-button:hover,
/* Second breakpoint - 100% width */ /* Second breakpoint - 100% width */
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.wp-allstars-tab-content .wp-setting-row,
.wp-allstars-tab-content .wp-allstars-toggle,
#recommended .plugin-card,
#readme .wpa-pro-plugin {
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
#recommended .wpa-plugin-container {
grid-template-columns: 1fr;
}
#recommended .plugin-card {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
#readme .wp-allstars-markdown-content { #readme .wp-allstars-markdown-content {
padding: 10px; padding: 10px;
} }