Changes

Jump to navigation Jump to search
no edit summary
Line 8: Line 8:  
     border-radius: 5px;
 
     border-radius: 5px;
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
     padding: 10px; /* Adjust padding as needed */
+
     padding: 10px;
     display: flex; /* Use Flexbox */
+
     display: flex;
     flex-wrap: wrap; /* Allow items to wrap to the next line */
+
     flex-wrap: wrap;
     align-items: flex-start; /* Align items to the start of the flex container */
+
     align-items: flex-start;
 
}
 
}
   −
/* List contained within the top box */
   
.icannwiki-invisible-bullet ul {
 
.icannwiki-invisible-bullet ul {
 
     list-style-type: none;
 
     list-style-type: none;
    list-style: none;
   
     padding: 0;
 
     padding: 0;
 
     margin: 0;
 
     margin: 0;
     width: 100%; /* Ensure the ul takes full width */
+
     width: 100%;
     display: flex; /* Use Flexbox */
+
     display: flex;
     flex-wrap: wrap; /* Allow list items to wrap */
+
     flex-wrap: wrap;
    justify-content: space-between; /* Adjusted for spacing */
   
}
 
}
    
.icannwiki-invisible-bullet ul li {
 
.icannwiki-invisible-bullet ul li {
 
     list-style-type: none;
 
     list-style-type: none;
    list-style: none;
+
     margin-right: 2%; /* Applied to all but the last item in a row, see below */
     margin-right: 2%; /* Adjust if necessary for fine-tuning */
+
     margin-bottom: 10px;
     margin-bottom: 10px; /* Vertical space between lines */
+
     flex: 1;
     flex: 1; /* Flex items will grow to fill the space */
+
     min-width: 120px; /* Adjust based on your content and design needs */
     min-width: 120px; /* Minimum width of each item */
   
     font-size: 120%;
 
     font-size: 120%;
     box-sizing: border-box; /* Include padding and border in the element's total width and height */
+
     box-sizing: border-box;
 
}
 
}
   Line 40: Line 36:  
     color: #dff4e4;
 
     color: #dff4e4;
 
     text-decoration: none;
 
     text-decoration: none;
 +
}
 +
 +
/* Remove margin-right from the last item in each row */
 +
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+1),
 +
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+2),
 +
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+3),
 +
.icannwiki-invisible-bullet ul li:nth-child(3n) {
 +
    margin-right: 0;
 
}
 
}
  

Navigation menu