dashboard text styling

public/index.html

@@ -16,7 +16,15 @@
       <div class="wrapper">
         <div class="flex-container">
           <!-- 16 divs -->
-          <div>1</div>
+          <div>
+            <p class="data">
+            <br>
+            module name: wire::;;
+            <br>
+            temperature: 26 degrees
+            <br>
+            </p>
+          </div>
           <div>2</div>
           <div>3</div>
           <div>4</div>

public/style.css

@@ -31,16 +31,21 @@ body {
 
 /* Style for each div within the grid */
 .flex-container > div {
+  
   width: calc(25% - 10px); /* 25% width for each div with 10px gap */
   height: 100px; /* Set height as needed */
   background-color: rgba(51, 51, 51, 0.84); /* Background color */
   margin-bottom: 10px; /* Add some space at the bottom */
-  text-align: center; /* Center text */
-  line-height: 100px; /* Vertically center text */
+  text-align: left; /* Center text */
+   /* Vertically center text */
   padding: 2px;
   border-radius: 5px;
   min-width: 22vw;
   min-height: 24vh;
   text-shadow: 0px 0px 10px #ff7300;
+  overflow: scroll;
 }
 
+.data {
+  padding-left: 1vw;
+}