User:Slate/Splashtag/styles.css

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