refactor: ♻️ use more appropriate elements for semantics

This commit is contained in:
Sebin Nyshkim 2025-04-09 19:05:09 +02:00
parent 10a971c621
commit 7bd2440556
3 changed files with 18 additions and 14 deletions

View file

@ -1,10 +1,10 @@
<div class="trait-list">
<div class="trait" webc:for="trait of traits">
<ul class="trait-list">
<li class="trait" webc:for="trait of traits">
<div class="icon-box"><icon :icon="trait.icon" webc:nokeep></icon></div>
<p class="type" @text="trait.type"></p>
<p class="text" @text="trait.text"></p>
</div>
</div>
</li>
</ul>
<style>
.trait-list {
@ -12,8 +12,8 @@
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
gap: 0.75em;
margin-block: 0;
margin-inline: 0;
margin: 0;
padding: 0;
}
.trait {