User:Slate/Splashtag/styles.css
From Inkipedia, the Splatoon wiki
< User:Slate | Splashtag
/* Style the tabs */ .tab { overflow: hidden; border: 1px solid #111; background-color: #333; } .tab button { background-color: inherit; border: none; outline: none; cursor: pointer; padding: 10px 20px; transition: 0.3s; font-size: 16px; color: white; } .tab button:hover { background-color: #555; } .tab button.active { background-color: #2020ff; } /* Style the tab content */ .tabcontent { background-color: inherit; display: none; padding: 6px 12px; border: 1px solid #111; border-top: none; } /* Style the grid */ .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 10px; padding: 10px; overflow-y: scroll; height: 300px; } .grid-item { text-align: center; } /* Style the images in the grid */ .grid-item img { width: 100%; height: auto; } /* Style the titles in the grid */ .grid-item h4 { margin-bottom: 5px; } .grid-item p { font-size: 14px; }