We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 33108cc commit 84ee2fdCopy full SHA for 84ee2fd
sites/kit.svelte.dev/src/routes/home/Deployment.svelte
@@ -112,6 +112,8 @@
112
<div class="globe">
113
<img
114
src="/edge.svg"
115
+ width="1000"
116
+ height="1000"
117
alt="Dynamically rendered map of the world, centered on the user's location"
118
/>
119
<span> rendered on the edge, just for you </span>
@@ -121,15 +123,17 @@
121
123
122
124
<style>
125
.globe {
126
+ --max-size: 40rem;
127
position: relative;
128
width: 100%;
- max-height: 40rem;
129
+ max-height: var(--max-size);
130
text-align: center;
131
aspect-ratio: 1;
132
}
133
134
.globe img {
- max-width: 40rem;
135
+ max-width: var(--max-size);
136
137
138
139
.globe span {
0 commit comments