fix: Media element lacking an explicit size

This commit is contained in:
Ayo 2024-03-23 19:35:36 +01:00
parent f3863326dd
commit 788a71b154
2 changed files with 1139 additions and 617 deletions

1748
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -13,6 +13,7 @@ import { stuff } from '../constants/stuff';
alt="Ayo Ayco's picture" alt="Ayo Ayco's picture"
src='/ayo-sm.png' src='/ayo-sm.png'
width="140" width="140"
height="140"
/> />
<div class="highlighted-section__content__text"> <div class="highlighted-section__content__text">
<h1 title="Ayo Ayco | Software Engineer + Web Developer"> <h1 title="Ayo Ayco | Software Engineer + Web Developer">
@ -115,11 +116,12 @@ import { stuff } from '../constants/stuff';
.highlighted-section__content__profile-picture { .highlighted-section__content__profile-picture {
float: right; float: right;
width: 20%;
margin: 1em 1em 0 0; margin: 1em 1em 0 0;
border: 1px solid var(--color-brand-blue-1); border: 5px solid var(--color-brand-blue-1);
display: block; display: block;
border-radius: 50%; border-radius: 50%;
width: 140px;
height: 140px;
} }
.highlighted-section__content ul a { .highlighted-section__content ul a {
@ -175,6 +177,7 @@ import { stuff } from '../constants/stuff';
.highlighted-section__content__profile-picture { .highlighted-section__content__profile-picture {
float: none; float: none;
width: 100px; width: 100px;
height: 100px;
} }
} }
@ -186,6 +189,7 @@ import { stuff } from '../constants/stuff';
float: none; float: none;
margin: 0; margin: 0;
width: 100px; width: 100px;
height: 100px;
} }
.highlighted-section__content ul li { .highlighted-section__content ul li {
font-size: var(--font-size-sm); font-size: var(--font-size-sm);