update

microsoft · Mar 16, 2024 · f4bab07 · f4bab07
1 parent b7294ba
commit f4bab07
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/site/src/pages/index.js b/site/src/pages/index.js
@@ -41,9 +41,9 @@ export default function Home() {
                 <div>Retina collects customizable telemetry, which can be exported to multiple storage options (such as Prometheus, Azure Monitor, and other vendors) and visualized in a variety of ways (like Grafana, Azure Log Analytics, and other vendors).</div>
                 </div>
             </div>
-            <div className={styles.columns} style={{margin: "0 calc(0rem + 5vw)"}}>
-        <img className={{}} style={{margin: "0 calc(0rem + 2vw)", width: "50%"}} src={featuresImage} alt={"Retina features"}/>
-<ul style={{fontSize: "calc(0rem + 2vw)", flexGrow: 1, marginLeft: "calc(0rem + 3vw)", listStylePosition: "inside"}} className={styles.column2}>
+            <div className={styles.columns2}>
+        <img className={styles.features} src={featuresImage} alt={"Retina features"}/>
+<ul className={styles.featurelist}>
  <li>Traffic Insights</li> 
  <li>eBPF Based</li> 
  <li>Metric & Flow Logs</li> 

diff --git a/site/src/pages/index.module.css b/site/src/pages/index.module.css
@@ -61,9 +61,21 @@
 }
 
 .features {
-  display: block;
-  margin: 20px auto;
-  width: 100%;
-  max-width: 1226px;
-  height: auto;
+  margin: 0 2vw;
+  width: 50%;
+}
+
+.columns2 {
+    display: flex;
+    align-items: center; 
+    padding: 4rem 1.5rem;
+    word-break: break-word;
+    margin: 0 calc(0rem + 5vw);
+}
+
+.featurelist {
+font-size: calc(0rem + 2vw);
+flex-grow: 1; 
+margin-left: calc(0rem + 3vw); 
+list-style-position: inside;
 }