Added other fixes

Author: prasanna1211

docs/client/components/GettingStartedPage/sampleCode.md

@@ -0,0 +1,23 @@
+```
+import { Card } from 'react-lite;
+import theme from './theme.scss';
+
+const App = (
+  <Card
+    header='Card String header'
+    wrapContent
+    noPadding
+    theme={customTheme}>
+    <span>Card Content</span>
+    <span>Card Content</span>
+    <span>Card Content</span>
+  </Card>
+);
+
+export default App;
+
+// In theme.scss Customize any themeable option and pass it as a prop
+:local(.card) {
+  background: #d2d2d2;
+}
+```

docs/client/components/GettingStartedPage/styles.scss

@@ -0,0 +1,24 @@
+:local(.code) {
+  width: 50%;
+  padding-bottom: 200px;
+  margin: 0 auto;
+  .header {
+    font-size: 24px;
+    font-weight: bold;
+  }
+  .sub-header {
+    font-size: 18px;
+    font-weight: bold;
+  }
+  .js-code {
+    padding: 20px;
+    background: #e2e2e2;
+    margin-bottom: 20px;
+    min-width: 300px;
+  }
+
+  .empty-div {
+    height: 200px;
+  }
+  
+}

docs/client/components/PlaygroundPage/Documentation/styles.scss

@@ -31,6 +31,13 @@
       border: 1px solid #d2d2d2;
       border-collapse: collapse;
     }
+    th {
+      height: 40px;
+    }
+    td {
+      height: 40px;
+      padding: 5px;
+    }
     .hljs {
       padding: 15px 0px;
       background: #f1f1f1;