Merge branch 'develop'

Author: tobihagemann

package.json

@@ -9,7 +9,7 @@
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy",
     "clear": "docusaurus clear",
-    "serve": "docusaurus serve",
+    "serve": "docusaurus serve --port 8000",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
     "typecheck": "tsc"

src/components/Grid.tsx

@@ -16,7 +16,7 @@ export default function Grid({ children, className, columns = 1, columnsSmall, c
   const largeColumns = columnsLarge ?? defaultColumns;
   const gridId = React.useId();
   return (
-    <p>
+    <div style={{ marginBottom: 'var(--ifm-leading)' }}>
       <style>
         {`
           .grid-${gridId} {
@@ -44,6 +44,6 @@ export default function Grid({ children, className, columns = 1, columnsSmall, c
           {children}
         </div>
       </GridContext.Provider>
-    </p>
+    </div>
   );
 }

src/components/WhiteBox.tsx

@@ -8,15 +8,16 @@ interface WhiteBoxProps {
 export default function WhiteBox({ children }: WhiteBoxProps) {
   return (
     <WhiteBoxContext.Provider value={true}>
-      <p style={{
+      <div style={{
         backgroundColor: '#ffffff',
         borderRadius: 'var(--ifm-global-radius)',
-        boxShadow: 'var(--ifm-global-shadow-lw',
+        boxShadow: 'var(--ifm-global-shadow-lw)',
         display: 'inline-block',
+        marginBottom: 'var(--ifm-leading)',
         padding: 'var(--ifm-pre-padding)',
       }}>
         {children}
-      </p>
+      </div>
     </WhiteBoxContext.Provider>
   );
 }