Skip to content

Instantly share code, notes, and snippets.

@nndda
Last active May 11, 2024 13:04
Show Gist options
  • Save nndda/63ff54c575dbb9e9f6158dc8a446c0db to your computer and use it in GitHub Desktop.
Save nndda/63ff54c575dbb9e9f6158dc8a446c0db to your computer and use it in GitHub Desktop.
<div class="custom-features">
<div>
<img src="https://cdn.jsdelivr.net/gh/nndda/n/i/mobile-screen-solid.svg" loading="lazy">
Responsive layout adapts to different screen sizes
</div>
<div>
<img src="https://cdn.jsdelivr.net/gh/nndda/n/i/paint-roller-solid.svg" loading="lazy">
Automatically match your page's theme
</div>
<div>
<img src="https://cdn.jsdelivr.net/gh/nndda/n/i/creative-commons-zero.svg" loading="lazy">
Free and open source under CC0 license
</div>
</div>
.custom-features {
display: grid;
grid-template-columns: 30% 30% 30%;
justify-items: center;
justify-content: center;
text-align: center;
margin: 3em auto;
max-width: 900px;
}
.custom-features > div {
max-width: 12em;
min-height: 7.2em;
padding: 1.6em;
border-radius: 4px;
border: 1px solid var(--itchio_border_color);
border-bottom: .5em solid var(--itchio_link_color);
box-shadow: 0 0 9px #000a;
margin: 1em 0;
}
.custom-features img {
height: 36px;
display: block;
margin: auto;
margin-bottom: 1.5em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment