Bureaucrats, Check users, Interface administrators, steward, Suppressors, Administrators, translator
490
edits
Changes
Jump to navigation
Jump to search
Line 9:
Line 9: − + − + − grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); + − /* No grid-gap property */+ Line 18:
Line 18: + − padding: 0; + − + + + + + + − margin: 5px; /* Margin around items to create "gap" */ − padding: 5px; /* Padding inside each item */ − border-radius: 5px; − /* Add background-color, border, etc., here */
no edit summary
width: 100%;
width: 100%;
margin-bottom: 20px;
margin-bottom: 20px;
padding: 10px; /* Adjusted to account for the margin on grid items */
padding: 10px; /* Adjust padding as needed */
display: grid;
display: flex; /* Use Flexbox */
flex-wrap: wrap; /* Allow items to wrap to the next line */
align-items: flex-start; /* Align items to the start of the flex container */
}
}
.icannwiki-invisible-bullet ul {
.icannwiki-invisible-bullet ul {
list-style-type: none;
list-style-type: none;
padding: 0;
margin: 0;
margin: 0;
width: 100%; /* Ensure the ul takes full width */
display: contents; /* Make the <ul> not affect the layout */
display: flex; /* Use Flexbox */
flex-wrap: wrap; /* Allow list items to wrap */
}
}
.icannwiki-invisible-bullet ul li {
.icannwiki-invisible-bullet ul li {
list-style-type: none;
list-style-type: none;
margin-right: 2%; /* Horizontal space between items */
margin-bottom: 10px; /* Vertical space between lines */
flex: 1; /* Flex items will grow to fill the space */
min-width: 120px; /* Minimum width of each item */
font-size: 120%;
font-size: 120%;
}
}