Fix ruby images

The words of this poem are in the wrong order, the correct one is: '秋风萧瑟'.
GoogleChromeLabs · Dec 6, 2024 · f1e6970 · f1e6970
1 parent c021eed
commit f1e6970
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/public/images/ruby_after.png b/public/images/ruby_after.png
diff --git a/public/images/ruby_before.png b/public/images/ruby_before.png
diff --git a/src/features/developerexperience/ruby-align.astro b/src/features/developerexperience/ruby-align.astro
@@ -35,8 +35,8 @@ const slug = slugify(title);
   <figure>
     <img
       src="./images/ruby_before.png"
-      width="2454"
-      height="651"
+      width="1860"
+      height="492"
       loading="lazy"
       alt="Rendering result before Chrome 128 with long ruby annotation text."
     />
@@ -48,8 +48,8 @@ const slug = slugify(title);
   <figure>
     <img
       src="./images/ruby_after.png"
-      width="584"
-      height="796"
+      width="455"
+      height="1722"
       loading="lazy"
       alt="Rendering result from Chrome 128 with long ruby annotation text."
     />
@@ -87,3 +87,10 @@ const slug = slugify(title);
     </div>
   </footer>
 </FeatureLayout>
+
+<style>
+  figure img {
+    width: 100%;
+    height: auto;
+  }
+</style>