Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add adoptables CSS class

This commit is contained in:
Helen Chong 2024-06-23 20:03:00 +08:00
parent 3c23e98340
commit 4b183b8473
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/main/virtualpets.njk
View File

@ -1,5 +1,7 @@
<section class="content__section"> <section class="content__section">
<h2>Virtual Pets</h2> <h2>Virtual Pets</h2>
<p>Feel free to check out my virtual pets and feed them!</p> <p>Feel free to check out my virtual pets and feed them!</p>
<div class="adoptables">
<a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a> <a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a>
</div>
</section> </section>

9
src/assets/css/components.css
View File

@ -132,6 +132,15 @@
padding: 1em; padding: 1em;
} }
/* Adoptables wrapper */
.adoptables {
display: flex;
align-items: flex-end;
gap: 1em;
}
p + .adoptables { margin-top: 1em; }
/* Web button lists */ /* Web button lists */
.web-btn-wrapper { .web-btn-wrapper {
display: flex; display: flex;