diff --git a/develop/index.md b/develop/index.md
index b0605fae2..b0a12f101 100644
--- a/develop/index.md
+++ b/develop/index.md
@@ -47,55 +47,28 @@ graph TD
 
 Build, deploy, and maintain custom parachains with the Polkadot SDK.
 
-<div class="cards" markdown>
+<div class="grid cards links" markdown>
 
-:octicons-book-16:{ .lg .middle } **Learn**
+- <h3>:octicons-book-16:{ .lg .middle } Learn</h3>
+    <hr>
+    - [Parachains Overview](/polkadot-protocol/architecture/parachains/overview/){target=\_blank}
+    - [Introduction to the Polkadot SDK](/develop/parachains/intro-polkadot-sdk/){target=\_blank}
+    - [Customize Your Parachain](/develop/parachains/customize-parachain/){target=\_blank}
 
-[Parachains Overview](/polkadot-protocol/architecture/parachains/overview/){target=\_blank}
+- <h3>:octicons-rocket-16:{ .lg .middle } Build</h3>
+    <hr>
+    - [Parachain Developer Zero to Hero Guides](/tutorials/polkadot-sdk/parachains/zero-to-hero/){target=\_blank}
+    - [Install Polkadot SDK Dependencies](/develop/parachains/install-polkadot-sdk/){target=\_blank}
 
-[Introduction to the Polkadot SDK](/develop/parachains/intro-polkadot-sdk/){target=\_blank}
+- <h3>:octicons-tools-16:{.lg .middle} Tools</h3>
+    <hr>
+    - [Parachain Template](https://github.com/paritytech/polkadot-sdk/tree/master/templates/parachain){target=\_blank}
+    - [OpenZeppelin Polkadot Runtime Templates](https://github.com/OpenZeppelin/polkadot-runtime-templates/tree/main){target=\_blank}
 
-[Customize Your Parachain](/develop/parachains/customize-parachain/){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-rocket-16:{ .lg .middle } **Build**
-
-[Parachain Developer Zero to Hero Guides](/tutorials/polkadot-sdk/parachains/zero-to-hero/){target=\_blank}
-
-[Install Polkadot SDK Dependencies](/develop/parachains/install-polkadot-sdk/){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-tools-16:{.lg .middle} **Tools**
-
-
-[Parachain Template](https://github.com/paritytech/polkadot-sdk/tree/master/templates/parachain){target=\_blank}
-
-[Open Zeppelin Polkadot Runtime Templates](https://github.com/OpenZeppelin/polkadot-runtime-templates/tree/main){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-code-square-16:{.lg .middle} **Resources**
-
-
-[Polkadot SDK source code repository](https://github.com/paritytech/polkadot-sdk){target=\_blank}
-
-[FRAME source code repository](https://github.com/paritytech/polkadot-sdk/tree/master/substrate/frame){target=\_blank}
-
----
+- <h3>:octicons-code-square-16:{.lg .middle} Resources</h3>
+    <hr>
+    - [Polkadot SDK source code repository](https://github.com/paritytech/polkadot-sdk){target=\_blank}
+    - [FRAME source code repository](https://github.com/paritytech/polkadot-sdk/tree/master/substrate/frame){target=\_blank}
 
 </div>
 
@@ -106,52 +79,27 @@ Leverage smart contracts and execute custom logic over existing chains to stream
 !!! tip
     The Polkadot smart contract ecosystem is in active development. Please expect frequent changes. You can follow progress, or join the discussion, by visiting this [Contracts on AssetHub Roadmap](https://forum.polkadot.network/t/contracts-on-assethub-roadmap/9513/57){target=\_blank} Polkadot Network Forum post.
 
+<div class="grid cards links" markdown>
 
-<div class="cards" markdown>
-
-:octicons-book-16:{ .lg .middle } **Learn**
-
-[Overview - Smart Contracts on Polkadot](/develop/smart-contracts/overview/){target=\_blank}
-
-[EVM Compatible Parachains](/develop/smart-contracts/evm/parachain-contracts/#evm-compatible-parachains){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-rocket-16:{.lg .middle} **Build**
-
-[Deploy a Smart Contract to Asset Hub](/develop/smart-contracts/evm/native-evm-contracts/#deploy-a-smart-contract-to-asset-hub){target=\_blank}
-
-[Deploy a Wasm Smart Contract](/develop/smart-contracts/wasm-ink/){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-tools-16:{.lg .middle} **Tools**
-
-[`cargo-contract` CLI Tool](https://github.com/use-ink/cargo-contract){target=\_blank}
+- <h3>:octicons-book-16:{ .lg .middle } Learn</h3>
+    <hr>
+    - [Overview - Smart Contracts on Polkadot](/develop/smart-contracts/overview/){target=\_blank}
+    - [EVM-Compatible Parachains](/develop/smart-contracts/evm/parachain-contracts/#evm-compatible-parachains){target=\_blank}
 
-[Remix - Ethereum IDE](https://remix.ethereum.org/){target=\_blank}
+- <h3>:octicons-rocket-16:{.lg .middle} Build</h3>
+    <hr>
+    - [Deploy a Smart Contract to Asset Hub](/develop/smart-contracts/evm/native-evm-contracts/#deploy-a-smart-contract-to-asset-hub){target=\_blank}
+    - [Deploy a Wasm Smart Contract](/develop/smart-contracts/wasm-ink/){target=\_blank}
 
----
-
-</div>
+- <h3>:octicons-tools-16:{.lg .middle} Tools</h3>
+    <hr>
+    - [`cargo-contract` CLI Tool](https://github.com/use-ink/cargo-contract){target=\_blank}
+    - [Remix - Ethereum IDE](https://remix.ethereum.org/){target=\_blank}
 
-<div class="cards" markdown>
-
-:octicons-code-square-16:{.lg .middle} **Resources**
-
-[Runtime vs Smart Contract - Polkadot SDK Rust docs](https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/reference_docs/runtime_vs_smart_contract/index.html){target=\_blank}
-
-[Pure Rust Implementation of EVM](https://github.com/rust-ethereum/evm){target=\_blank}
-
----
+- <h3>:octicons-code-square-16:{.lg .middle} Resources</h3>
+    <hr>
+    - [Runtime vs Smart Contract - Polkadot SDK Rust docs](https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/reference_docs/runtime_vs_smart_contract/index.html){target=\_blank}
+    - [Pure Rust Implementation of EVM](https://github.com/rust-ethereum/evm){target=\_blank}
 
 </div>
 
@@ -159,57 +107,30 @@ Leverage smart contracts and execute custom logic over existing chains to stream
 
 Integrate with the Polkadot blockchain's underlying protocol features to create solutions that allow users to interact with the ecosystem.
 
-<div class="cards" markdown>
-
-:octicons-book-16:{ .lg .middle } **Learn**
-
-[Options for Wallet Integration](/develop/toolkit/integrations/wallets/){target=\_blank}
-
-[Options for Indexer Integration](/develop/toolkit/integrations/indexers/){target=\_blank}
-
-[Options for Oracle Integration](/develop/toolkit/integrations/oracles/){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-rocket-16:{.lg .middle} **Build**
-
-[Install and Get Started with Polkadot.js API](/develop/toolkit/api-libraries/polkadot-js-api/){target=\_blank}
-
-[Install and Get Started with Polkadot-API (PAPI)](/develop/toolkit/api-libraries/papi/){target=\_blank}
-
-[Install and Get Started with Python Substrate Interface](/develop/toolkit/api-libraries/py-substrate-interface/){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-tools-16:{.lg .middle} **Tools**
-
-[Polkadot.js API](https://github.com/polkadot-js/api){target=\_blank}
-
-[Polkadot-API (PAPI)](https://github.com/polkadot-api/polkadot-api){target=\_blank}
-
-[Sidecar REST API](https://github.com/paritytech/substrate-api-sidecar){target=\_blank}
-
----
-
-</div>
-
-<div class="cards" markdown>
-
-:octicons-code-square-16:{.lg .middle} **Resources**
-
-[RPC Endpoints](/develop/networks/){target=\_blank}
-
-[Polkadot Ecosystem Toolkit](/develop/toolkit/){target=\_blank}
-
----
+<div class="grid cards links" markdown>
+
+- <h3>:octicons-book-16:{ .lg .middle } Learn</h3>
+    <hr>
+    - [Options for Wallet Integration](/develop/toolkit/integrations/wallets/){target=\_blank}
+    - [Options for Indexer Integration](/develop/toolkit/integrations/indexers/){target=\_blank}
+    - [Options for Oracle Integration](/develop/toolkit/integrations/oracles/){target=\_blank}
+
+- <h3>:octicons-rocket-16:{.lg .middle} Build</h3>
+    <hr>
+    - [Install and Get Started with Polkadot.js API](/develop/toolkit/api-libraries/polkadot-js-api/){target=\_blank}
+    - [Install and Get Started with Polkadot-API (PAPI)](/develop/toolkit/api-libraries/papi/){target=\_blank}
+    - [Install and Get Started with Python Substrate Interface](/develop/toolkit/api-libraries/py-substrate-interface/){target=\_blank}
+
+- <h3>:octicons-tools-16:{.lg .middle} Tools</h3>
+    <hr>
+    - [Polkadot.js API](https://github.com/polkadot-js/api){target=\_blank}
+    - [Polkadot-API (PAPI)](https://github.com/polkadot-api/polkadot-api){target=\_blank}
+    - [Sidecar REST API](https://github.com/paritytech/substrate-api-sidecar){target=\_blank}
+
+- <h3>:octicons-code-square-16:{.lg .middle} Resources</h3>
+    <hr>
+    - [RPC Endpoints](/develop/networks/){target=\_blank}
+    - [Polkadot Ecosystem Toolkit](/develop/toolkit/){target=\_blank}
 
 </div>