diff --git a/src/components/abilities.webc b/src/components/abilities.webc index 5aee597..d7cae6d 100644 --- a/src/components/abilities.webc +++ b/src/components/abilities.webc @@ -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);