Fix inconsistent tile width between 1086px and 1400px window widths
This commit is contained in:
@ -1248,15 +1248,6 @@ body.wp-admin .button.pricing-button:hover,
|
||||
|
||||
/* First breakpoint - 75% width */
|
||||
@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 {
|
||||
padding: 15px;
|
||||
}
|
||||
@ -1264,25 +1255,6 @@ body.wp-admin .button.pricing-button:hover,
|
||||
|
||||
/* Second breakpoint - 100% width */
|
||||
@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 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
Reference in New Issue
Block a user