src/components/ui/FetchedTags.vue

@@ -51,28 +51,12 @@ const tags = computed(() => {
 
 <style lang="scss" scoped>
 .fetchedTags {
-    // display: flex;
-    /* width: 100%; */
-    /* flex: 2; */
-    /* flex-direction: column; */
-    /* flex-wrap: wrap; */
-    /* align-items: flex-start; */
-    /* align-content: flex-end; */
-    // justify-content: flex-start;
     display: grid;
-    grid-template-columns: repeat(3, 0.15fr); /* Tres columnas de igual tamaño */
-    grid-template-rows: repeat(2, auto); /* Dos filas con alto automático */
-    // gap: 5px; /* Espacio entre las celdas */
+    grid-template-columns: repeat(3, 0fr);
+    grid-template-rows: repeat(2, auto);
+
+    max-width: 300px;
     .wrap {
-        /* width: 100%; */
-        /* flex-wrap: wrap; */
-        // display: flex;
-        /* flex-direction: row; */
-        /* flex: 1; */
-        //  flex: 0 50%;
-        /* padding: 5px; */
-        /* box-sizing: border-box; */
-        /* border: 1px solid #000;*/
         display: contents;
     }