increase width when component becomes side by side

ScottLogic · Jul 15, 2024 · 9050518 · 9050518
1 parent a1f5af8
commit 9050518
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/tech-carbon-estimator/tech-carbon-estimator.component.html b/src/app/tech-carbon-estimator/tech-carbon-estimator.component.html
@@ -1,7 +1,7 @@
 <div id="techCarbonEstimator" class="tce-flex tce-flex-col tce-h-full">
   <h1 class="tce-text-3xl tce-mb-6">Technology Carbon Estimator</h1>
   <div class="tce-flex tce-w-full tce-grow tce-flex-wrap md:tce-flex-nowrap">
-    <div class="tce-w-full md:tce-w-1/2 tce-pb-4 md:tce-pb-0 md:tce-pr-4">
+    <div class="tce-w-full lg:tce-w-1/2 tce-pb-4 lg:tce-pb-0 lg:tce-pr-4">
       <disclaimer></disclaimer>
       @if (showAssumptionsAndLimitationView) {
         <assumptions-and-limitation
@@ -26,7 +26,7 @@ <h1 class="tce-text-3xl tce-mb-6">Technology Carbon Estimator</h1>
     @if (showEstimation) {
       <div
         #estimations
-        class="tce-w-full md:tce-w-1/2 tce-flex tce-flex-col tce-h-fit tce-py-4 md:tce-py-0 md:tce-pl-4 md:tce-sticky md:tce-top-0">
+        class="tce-w-full lg:tce-w-1/2 tce-flex tce-flex-col tce-h-fit tce-py-4 lg:tce-py-0 lg:tce-pl-4 lg:tce-sticky lg:tce-top-0">
         <carbon-estimation [carbonEstimation]="carbonEstimation" [extraHeight]="extraHeight"></carbon-estimation>
       </div>
     }