Final grid layout adjustments: align right edge with navigation and improve responsiveness

This commit is contained in:
Marcus Quinn
2025-03-16 05:43:09 +00:00
parent 2af6463eea
commit 4c82566466

View File

@ -24,12 +24,14 @@
.wp-list-table.plugin-install { .wp-list-table.plugin-install {
margin-top: 20px; margin-top: 20px;
clear: both; clear: both;
padding: 0;
} }
#the-list { #the-list {
margin: 0; margin: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0;
} }
/* Plugin Cards */ /* Plugin Cards */
@ -42,7 +44,16 @@
position: relative; position: relative;
} }
@media screen and (max-width: 1024px) { /* Ensure the right edge aligns with the navigation above */
.plugin-card:nth-child(even) {
margin-right: 0;
}
.plugin-card:nth-child(odd) {
margin-left: 0;
}
@media screen and (max-width: 1260px) {
.plugin-card { .plugin-card {
width: 100%; width: 100%;
margin: 0 0 16px 0; margin: 0 0 16px 0;