Skip to content

Commit 84ee2fd

Browse files
authored
[site] add width/height attributes (#8010)
1 parent 33108cc commit 84ee2fd

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

sites/kit.svelte.dev/src/routes/home/Deployment.svelte

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,8 @@
112112
<div class="globe">
113113
<img
114114
src="/edge.svg"
115+
width="1000"
116+
height="1000"
115117
alt="Dynamically rendered map of the world, centered on the user's location"
116118
/>
117119
<span> rendered on the edge, just for you </span>
@@ -121,15 +123,17 @@
121123

122124
<style>
123125
.globe {
126+
--max-size: 40rem;
124127
position: relative;
125128
width: 100%;
126-
max-height: 40rem;
129+
max-height: var(--max-size);
127130
text-align: center;
128131
aspect-ratio: 1;
129132
}
130133
131134
.globe img {
132-
max-width: 40rem;
135+
max-width: var(--max-size);
136+
max-height: var(--max-size);
133137
}
134138
135139
.globe span {

0 commit comments

Comments
 (0)