Add screenshots and videos

Author: satya164

blog/2025-12-19-react-navigation-8.0-alpha.md

@@ -1,7 +1,7 @@
 ---
 title: React Navigation 8.0 Alpha
 authors: satya
-tags: [announcement]
+tags: [release, announcement]
 ---
 
 import Tabs from '@theme/Tabs';
@@ -194,7 +194,7 @@ The new `pushParams` API makes this possible. You can now push an entry to the h
 
 <video playsInline autoPlay muted loop data-landscape style={{ '--ifm-global-radius': '10px' }}>
 
-  <source src="/assets/blog/8.x/push-params.mp4" />
+  <source src="/assets/actions/push-params.mp4" />
 </video>
 
 This is especially important on the Web, where users expect that changing certain UI states should create a new history entry, so that they can use the browser back and forward buttons to navigate through these states.

src/css/custom.css

@@ -1088,6 +1088,23 @@ code {
   border-width: 1px;
 }
 
+.image-grid > p {
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fill,
+    minmax(calc(var(--img-width, 50%) * 0.75), 1fr)
+  );
+  grid-auto-rows: auto;
+  gap: var(--ifm-spacing-horizontal);
+  margin: var(--ifm-leading) 0;
+
+  img {
+    height: auto;
+    border-radius: var(--ifm-global-radius);
+    margin: 0;
+  }
+}
+
 .feature-grid ul {
   list-style: none;
   padding-left: 0;