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