use css class for data pipeline img

CDCgov · Oct 28, 2024 · 068ee85 · 068ee85
1 parent 5ca17c1
commit 068ee85
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/our-products/page.tsx b/src/app/our-products/page.tsx
@@ -180,10 +180,10 @@ function DataPipeline() {
       <GridContainer>
         <div className="flex flex-col gap-y-6 pb-6">
           <Image
+            className={styles.dataPipelineImage}
             src={`${basePath}/images/placeholder.png`}
             width="1120"
             height="160"
-            style={{ maxHeight: '160px' }}
             alt="Placeholder"
           />
           <div className="flex flex-col gap-y-2">

diff --git a/src/app/styles/OurProducts.module.scss b/src/app/styles/OurProducts.module.scss
@@ -1,3 +1,7 @@
 .btn {
     background-color: #224a58;
+}
+
+.dataPipelineImage {
+    max-height: 160px;
 }