BOD-14 WIP. CSS issues present with 2 way texting, but working live.

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -13,10 +13,11 @@ const Sdiv = styled.div`
   width: 80%;
   top: 10%;
   left: 10%;
- // background-color: #ffcc00;
+  // background-color: #ffcc00;
 `;
 
 const ResponsiveReactGridLayout = WidthProvider(Responsive);
+
 export default function DashboardGridComponent() {
   const [state, setState] = useState({
     layout: [
@@ -38,19 +39,18 @@ export default function DashboardGridComponent() {
     console.log("breakpoint, cols", breakpoint, cols);
     // setState({ ...state, breakpoint: breakpoint, cols: cols });
   };
-
+  if (true) return null;
   return (
     <Sdiv>
       The Grid.
       <ResponsiveReactGridLayout
         {...defaultProps}
         onBreakpointChange={onBreakpointChange}
-        width="100%"
+        width='100%'
         onLayoutChange={layout => {
           console.log("layout", layout);
           setState({ ...state, layout });
-        }}
-      >
+        }}>
         {state.layout.map((item, index) => {
           return (
             <Card style={{ width: "100px" }} key={item.i} data-grid={item}>