diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css index 39d2194..7c8c0ed 100644 --- a/admin/css/wp-allstars-plugins.css +++ b/admin/css/wp-allstars-plugins.css @@ -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 {