diff --git a/apps/svelte.dev/src/routes/_home/Testimonials.svelte b/apps/svelte.dev/src/routes/_home/Testimonials.svelte index 93496891c4..daaa2ec015 100644 --- a/apps/svelte.dev/src/routes/_home/Testimonials.svelte +++ b/apps/svelte.dev/src/routes/_home/Testimonials.svelte @@ -1,6 +1,11 @@

- /ˈsvɛlt/ + + attractively thin, graceful and stylish @@ -23,18 +28,23 @@

- - +
@@ -57,6 +67,13 @@ grid-area: definition; } + .pronunciation { + position: relative; + aspect-ratio: 457.4 / 138.8; + height: var(--sk-font-size-h1); + bottom: -0.3em; + } + .blurb { grid-area: blurb; } @@ -104,7 +121,7 @@ } } - img { + .screenshot { width: 100%; height: auto; object-fit: contain; @@ -128,14 +145,6 @@ grid-column: 1 / 3; width: 100%; - em { - font-style: normal; - font-size: var(--sk-font-size-h1); - color: var(--sk-theme-1); - text-wrap: nowrap; - line-height: 1; - } - .description { position: relative; font: var(--sk-font-ui-medium); diff --git a/apps/svelte.dev/src/routes/_home/svelte-pronunciation.svg b/apps/svelte.dev/src/routes/_home/svelte-pronunciation.svg new file mode 100644 index 0000000000..41e6bedd24 --- /dev/null +++ b/apps/svelte.dev/src/routes/_home/svelte-pronunciation.svg @@ -0,0 +1 @@ +