Adjust plugin grid to fixed 2-column layout

This commit is contained in:
Marcus Quinn
2025-03-16 05:23:06 +00:00
parent 2af72db5bb
commit a7daad5146

View File

@ -23,22 +23,11 @@
/* Plugin Cards */
/* Plugin Container */
#the-list {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
display: flex;
flex-wrap: wrap;
margin-top: 16px;
}
@media screen and (min-width: 600px) {
#the-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1200px) {
#the-list {
grid-template-columns: repeat(3, 1fr);
}
margin-left: -8px;
margin-right: -8px;
}
/* Plugin Cards */
@ -50,9 +39,9 @@
display: flex;
flex-direction: column;
border-radius: 3px;
width: 100%;
margin: 0;
height: 100%; /* Ensure all cards have equal height */
width: 50%;
padding: 8px;
border-radius: 0;
}
.plugin-card:hover {
@ -63,6 +52,7 @@
position: relative;
padding: 20px 20px 10px;
min-height: 135px;
border: none;
}
.plugin-icon {