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; |
| } | | } |
| | | |