Merge pull request #89 from microsoft/sethjuarez/web

sethjuarez/web

web/docs/page.mdx

@@ -18,7 +18,7 @@ The file format has a supporting toolchain with a VS Code extension and runtimes
 The tooling comes together in three ways: the *prompty file asset*, the *VS Code extension tool*, and *runtimes* in multiple programming languges.
 
 ## The Prompty File Format
-Prompty is a language agnostic prompt asset for creating prompts and engineering the responses. Learn more about the format [here](prompty-file-spec/page.mdx).
+Prompty is a language agnostic prompt asset for creating prompts and engineering the responses. Learn more about the format [here](/docs/prompty-file-spec).
 
 ## The Prompty VS Code Extension
 Run Prompty files directly in VS Code. This Visual Studio Code extension offers an intuitive prompt playground within VS Code to streamline the prompt engineering process. You can find the Prompty extension in the Visual Studio Code Marketplace.

web/src/app/docs/[[...slug]]/page.tsx

@@ -160,10 +160,10 @@ export default async function Page({ params }: Props) {
       </Header>
       <Block>
         <div className="flex flex-col md:flex-row gap-1">
-          <div className="bg-zinc-100 dark:bg-zinc-700 rounded-md md:w-[250px] p-2 mb-2 md:mb-0">
+          <div className="bg-zinc-100 dark:bg-zinc-700 md:w-[224px] w- rounded-md p-2 mb-2 md:mb-0">
             <Toc index={index.children} visible={true} />
           </div>
-          <div className="ml-1 md:ml-6 grow">
+          <div className="ml-1 md:ml-6 md:w-[calc(100%-256px)]">
             <div className="flex flex-row mb-4 gap-4">
               <div className="text-2xl md:text-4xl font-bold ">
                 {metadata.title}