Line 7: |
Line 7: |
| background-color: #61a376; | | background-color: #61a376; |
| border-radius: 5px; | | border-radius: 5px; |
| + | width: 100%; |
| margin-bottom: 20px; | | margin-bottom: 20px; |
| padding: 10px; /* Adjust padding as needed */ | | padding: 10px; /* Adjust padding as needed */ |
| display: flex; /* Use Flexbox */ | | display: flex; /* Use Flexbox */ |
| flex-wrap: wrap; /* Allow items to wrap to the next line */ | | flex-wrap: wrap; /* Allow items to wrap to the next line */ |
− | align-items: flex-start; /* Align items to the start of the flex container */ | + | justify-content: space-between; /* Distribute space between and around items */ |
| } | | } |
| | | |
− | /* List cotained within the top box */
| |
| .icannwiki-invisible-bullet ul { | | .icannwiki-invisible-bullet ul { |
− | list-style-type: none; | + | list-style-type: none; /* Ensuring no bullets */ |
− | list-style: none;
| |
| padding: 0; | | padding: 0; |
| margin: 0; | | margin: 0; |
Line 23: |
Line 22: |
| display: flex; /* Use Flexbox */ | | display: flex; /* Use Flexbox */ |
| flex-wrap: wrap; /* Allow list items to wrap */ | | flex-wrap: wrap; /* Allow list items to wrap */ |
| + | justify-content: flex-start; /* Align items to the start */ |
| } | | } |
| | | |
| .icannwiki-invisible-bullet ul li { | | .icannwiki-invisible-bullet ul li { |
− | list-style-type: none; | + | list-style-type: none; /* Ensuring no bullets for each li element */ |
− | list-style: none;
| |
| margin-right: 2%; /* Horizontal space between items */ | | margin-right: 2%; /* Horizontal space between items */ |
| margin-bottom: 10px; /* Vertical space between lines */ | | margin-bottom: 10px; /* Vertical space between lines */ |
− | flex: 1; /* Flex items will grow to fill the space */ | + | flex: 1 1 auto; /* Adjusted flex property */ |
| min-width: 120px; /* Minimum width of each item */ | | min-width: 120px; /* Minimum width of each item */ |
| font-size: 120%; | | font-size: 120%; |
| + | box-sizing: border-box; /* Ensure padding and borders are included in the width */ |
| } | | } |
| | | |