Line 8: |
Line 8: |
| border-radius: 5px; | | border-radius: 5px; |
| margin-bottom: 20px; | | margin-bottom: 20px; |
− | padding: 10px; | + | padding: 10px; /* Adjust padding as needed */ |
− | display: flex; | + | display: flex; /* Use Flexbox */ |
− | flex-wrap: wrap; | + | flex-wrap: wrap; /* Allow items to wrap to the next line */ |
− | align-items: flex-start; | + | align-items: flex-start; /* Align items to the start of the flex container */ |
| } | | } |
| | | |
| + | /* 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%; | + | width: 100%; /* Ensure the ul takes full width */ |
− | display: flex; | + | display: flex; /* Use Flexbox */ |
− | flex-wrap: wrap; | + | flex-wrap: wrap; /* Allow list items to 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; |
− | margin-right: 2%; /* Applied to all but the last item in a row, see below */ | + | list-style: none; |
− | margin-bottom: 10px; | + | margin-right: 2%; /* Adjust if necessary for fine-tuning */ |
− | flex: 1; | + | margin-bottom: 10px; /* Vertical space between lines */ |
− | min-width: 120px; /* Adjust based on your content and design needs */ | + | flex: 1; /* Flex items will grow to fill the space */ |
| + | min-width: 120px; /* Minimum width of each item */ |
| font-size: 120%; | | font-size: 120%; |
− | box-sizing: border-box; | + | box-sizing: border-box; /* Include padding and border in the element's total width and height */ |
| } | | } |
| | | |
Line 36: |
Line 40: |
| 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;
| |
| } | | } |
| | | |