docs: set Codesandbox button width (#12279)

apollographql · Jan 17, 2025 · eeb5f3c · eeb5f3c
1 parent 6ffb5a3
commit eeb5f3c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/docs/source/development-testing/schema-driven-testing.mdx b/docs/source/development-testing/schema-driven-testing.mdx
@@ -557,4 +557,12 @@ Please see [this issue](https://github.com/graphql/graphql-js/issues/4062) to tr
 
 For a working example that demonstrates how to use both Testing Library and Mock Service Worker to write integration tests with `createTestSchema`, check out this project on CodeSandbox:
 
-[![Edit Testing React Components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/apollographql/docs-examples/tree/main/apollo-client/v3/schema-driven-testing)
+<a href="https://codesandbox.io/p/sandbox/github/apollographql/docs-examples/tree/main/apollo-client/v3/schema-driven-testing">
+  <img
+    src="https://codesandbox.io/static/img/play-codesandbox.svg"
+    width="12em"
+    alt="Edit Testing React Components"
+    style="display: inline;"
+    noZoom
+  />
+</a>
diff --git a/docs/source/development-testing/testing.mdx b/docs/source/development-testing/testing.mdx
@@ -514,4 +514,12 @@ This is necessary because otherwise, the `MockedProvider` component doesn't know
 
 For a working example that demonstrates how to test components, check out this project on CodeSandbox:
 
-[![Edit Testing React Components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-client/v3/testing-react-components?file=/src/dog.test.js)
+<a href="https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-client/v3/testing-react-components?file=/src/dog.test.js">
+  <img
+    src="https://codesandbox.io/static/img/play-codesandbox.svg"
+    width="12em"
+    alt="Edit Testing React Components"
+    style="display: inline;"
+    noZoom
+  />
+</a>