refactor: ♻️ use more appropriate elements for semantics
This commit is contained in:
parent
10a971c621
commit
7bd2440556
3 changed files with 18 additions and 14 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue