update responsive subcription

ariffadhillah · Dec 12, 2024 · a91802f · a91802f
1 parent 39deb94
commit a91802f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -15,9 +15,7 @@ body {
 .font-size-24 {
     font-size: 24px;
 }
-.font-size-42 {
-    font-size: 42px;
-}
+
 .m-right-10 {
     margin-right: 10px;
 }
@@ -690,6 +688,9 @@ a.btn-icons-log.icons-svg-style {
 }
 
 @media (max-width: 992px) {
+    .font-size-42 {
+        font-size: 34px;
+    }
     .footer-top{
         padding-top: 50px;
         padding-bottom: 50px;
@@ -715,6 +716,9 @@ a.btn-icons-log.icons-svg-style {
 
 }
 @media (min-width: 992px) {
+    .font-size-42 {
+        font-size: 42px;
+    }
     .footer-top{
         padding-top: 95px;
         padding-bottom: 95px;

diff --git a/subscription.html b/subscription.html
@@ -28,7 +28,7 @@
         <div class="container">
             <div class="row mx-sm-2 pt-5 mb-5">
                 <div class="col-12 mt-4 text-center">
-                  <h1 class="text-white font-size-42 font-red-hat-display weight-700">PREMIUM SpeedPaint</h1>
+                  <h1 class="text-white font-size-42 font-red-hat-display weight-700 px-2 px-xl-0 px-lg-0 px-md-0 px-sm-2">PREMIUM SpeedPaint</h1>
                   <p class="text-gray-500 mt-3 font-size-24 weight-400">Choose the plan that suits your needs</p>
                 </div>
             </div>