fix portrait overflow
This commit is contained in:
parent
26eb9b6352
commit
6b004c144a
1 changed files with 5 additions and 3 deletions
|
|
@ -468,11 +468,13 @@ const projects: Project[] = [
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__portrait-frame {
|
.hero__portrait-frame {
|
||||||
width: clamp(180px, 22vw, 320px);
|
--portrait-frame-size: clamp(180px, 22vw, 320px);
|
||||||
aspect-ratio: 1;
|
|
||||||
|
width: var(--portrait-frame-size);
|
||||||
|
height: var(--portrait-frame-size);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--color-slate);
|
background: var(--color-slate);
|
||||||
overflow: hidden;
|
overflow: visible;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue