diff --git a/website/docs/index.md b/website/docs/index.md
index 094cb5f..ed5a97c 100644
--- a/website/docs/index.md
+++ b/website/docs/index.md
@@ -11,6 +11,7 @@ keywords:
 description: Query, deploy and manage Snowflake resources using SQL
 custom_edit_url: null
 image: /img/stackql-snowflake-provider-featured-image.png
+id: provider-intro
 ---
 
 import CopyableCode from '@site/src/components/CopyableCode/CopyableCode';
diff --git a/website/sidebars.js b/website/sidebars.js
index eaed6a3..a296e03 100644
--- a/website/sidebars.js
+++ b/website/sidebars.js
@@ -29,6 +29,7 @@ const providerTitle = config.title.replace(/^StackQL /, '').replace(/ Provider$/
     {
       type: 'category',
       label: `${providerTitle} Provider`,
+      link: {type: 'doc', id: 'provider-intro'},
       items: [{type: 'autogenerated', dirName: '.'}]
     },    
   ],
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 21111ee..93485ef 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -242,4 +242,17 @@ img[class="vhsImage"] {
 .vhsImage-container,
 div:has(> .vhsImage) {
   margin: 40px 0;
-}
\ No newline at end of file
+}
+
+/* provider doc column */
+.providerDocColumn {
+	width: calc(50% - var(--ifm-spacing-horizontal));
+	float: left;
+	padding-left: var(--ifm-list-margin);
+}
+
+@media screen and (max-width: 600px) {
+	.providerDocColumn {
+	  width: 100%;
+	}
+  }
\ No newline at end of file