responsive

src/app/modals/profile/profile.page.scss

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 .profile-header {
   margin: 0 em(20px);
   // background-color: #0782c9;
@@ -6,7 +8,7 @@
 
   .div-logo{
     background: transparent;
-    width: em(140px);
+    width: em(140);
     justify-content: center;
     display: flex;
     color: black;
@@ -27,7 +29,7 @@
       width: 74.67%;
       margin: 0 auto;
       overflow: auto;
-      font-size: 8.5px;
+      font-size: rem(8.5);
       font-family: Bahnschrift;
 
       .logo-description-content{
@@ -79,19 +81,19 @@
 }
 
 .icon {
-  font-size: 40px;
+  font-size: rem(40);
 }
 
 .profile-name {
   font-weight: 300;
-  font-size: 20px !important;
+  font-size: rem(20) !important;
   margin-bottom: 17px !important;
   color: var(--profile-text-color) !important;
 }
 
 .profile-title {
   font-weight: 300;
-  font-size: 20px !important;
+  font-size: rem(20) !important;
   margin-bottom: 40px !important;
   color: var(--profile-text-color) !important;
 }
@@ -143,7 +145,7 @@ ion-list {
       overflow: auto;
     }
     .notification-icon {
-      font-size: 35px !important;
+      font-size: rem(35) !important;
     }
     .approve-event-time {
       width: fit-content !important;