SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: ♻️ do not rely on formatting picture element

Browse source
This commit is contained in:
Sebin Nyshkim 2025-04-09 19:01:20 +02:00
parent 4d66d688ff
commit 10a971c621
1 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/abilities.webc
View file

@ -26,25 +26,22 @@
margin-inline: 0;
@media (min-width: 45em) {
grid-template-columns: 1fr 2fr;
grid-template-columns: auto 1fr;
}
& picture,
& .image,
& .no-image {
display: grid;
grid-template-columns: subgrid;
justify-items: center;
align-content: center;
max-width: 15em;
}
& .image {
max-width: 15em;
width: auto;
height: auto;
width: 100%;
height: 100%;
object-fit: contain;
}
& .no-image {
align-content: center;
text-align: center;
border: 0.125em dashed var(--clr-box-border);