center mobile heading

2020-04-22 18:49:41 -04:00
parent 5182d7f243
commit 8b2acda6dd
2 changed files with 4 additions and 1 deletions
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -7,6 +7,9 @@
    .desktopOnly {
        display: none;
    }
+    .centerText {
+        text-align: center;
+    }
 }

 img {
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -3,7 +3,7 @@
        <div class="col-lg-4 col-md-3">
            <img height="300" src="../assets/brojeff.PNG">
        </div>
-        <div class="col-lg-4 col-md-6 col-sm-12">
+        <div class="centerText col-lg-4 col-md-6 col-sm-12">
            <h1 class="display-4">Jeff Nippard's Card Workout</h1>
            <p class="subheading">
                This is a small app the simulates the Card Workout created by Jeff Nippard. <br>