resize screenshot images

onflow · Nov 25, 2024 · bb9273b · bb9273b
1 parent 0d4649c
commit bb9273b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/docs/evm/cadence/batched-evm-transactions.md b/docs/evm/cadence/batched-evm-transactions.md
@@ -146,12 +146,12 @@ As shown below, put `1 000 000 000 000 000 000` in the input field for `deposit`
 You can now click the `Write` button to submit the transaction. Once MetaMask prompts you to sign the transaction, click
 `Confirm` and give it a few seconds to process.
 
-![Confirm WFLOW deposit in MetaMask](./wflow-deposit-confirm.png)
+![Confirm WFLOW deposit in MetaMask](./wflow-deposit-confirm.png){.custom-image-center}
 
 Once confirmed, you should be able to see WFLOW balance in your tokens list in MetaMask - if not, you can click on
 `Import Tokens` and paste the WFLOW contract address found on the Flowscan page and refresh your list.
 
-![WFLOW in MetaMask](./wflow-in-metamask-tokens.png)
+![WFLOW in MetaMask](./wflow-in-metamask-tokens.png){.custom-image-center}
 
 #### 2. Approve WFLOW Transfer
 
@@ -178,7 +178,7 @@ succeeds.
 
 On success, you can click on your NFTs in MetaMask to see your newly minted token.
 
-![MaybeMintERC721 in MetaMask NFT list](./maybe-mint-in-metamask.png)
+![MaybeMintERC721 in MetaMask NFT list](./maybe-mint-in-metamask.png){.custom-image-center}
 
 #### Recap
 

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -114,4 +114,10 @@
 .markdown h1 {
   --ifm-h1-font-size: 3rem;
   margin-bottom: calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));
+}
+
+.custom-image-center {
+  width: 50%; /* Adjust the percentage as needed */
+  margin: 0 auto; /* Centers the image horizontally */
+  display: block; /* Ensures the image behaves like a block element */
 }