Final quick fix for mobile

ParkerS00 · Dec 8, 2023 · b2cb151 · b2cb151
1 parent af313d4
commit b2cb151
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/MusicBlazorApp/Pages/Home.razor b/MusicBlazorApp/Pages/Home.razor
@@ -206,7 +206,7 @@
 </div>
 
 <!-- Visit our Location -->
-<div class="button-section mx-5">
+<div class="button-section mx-5 d-none">
     <div class="location-wrapper d-flex flex-row justify-content-center flex-sm-wrap">
         <div class="location-descriptions m-2 p-5 ">
             <center><h1><a class="location-title">Visit our location</a></h1></center>
@@ -218,6 +218,19 @@
     </div>
 </div>
 
+<div class="">
+
+    <div class="row">
+        <div class="col-md-6">
+            <center><h1><a class="location-title">Visit our location</a></h1></center>
+            <h4 class="location-address" style="margin-left: 400px;">54 N Main St<br /> Ephraim, Utah <br />84337<br /> <br />(435) 111-1234</h4>
+        </div>
+        <div class="col-md-6">
+            <img class="map img" src="css/images/map.png" />
+        </div>
+    </div>
+</div>
+
 @code
 {
     public string userEmailAddress { get; set; }

diff --git a/MusicBlazorApp/Pages/Home.razor.css b/MusicBlazorApp/Pages/Home.razor.css
@@ -47,6 +47,11 @@
     margin-top: 150px;
 }
 
+.location-address {
+    margin-left: 10px !important;
+}
+
+
 .service-tag {
     margin-top: 25px;
     margin-bottom: 25px;
@@ -184,6 +189,9 @@
         top: 100px;
         left: 15vw;
     }
+    .location-address {
+        margin-left: 400px !important;
+    }
 }
 
 @media (max-width: 1896px) {