fix some design in profile

Author: Awakich

projects/skills/src/app/profile/shared/skills-block/skills-block.component.html

@@ -21,10 +21,12 @@ <h2 class="skills__title">Навыки</h2>
         [personalRatingCardData]="skill"
       ></app-personal-rating-card>
       } @empty {
-      <p class="skills__placeholder-text">
+      <!-- <p class="skills__placeholder-text">
         выберите навыки,которые Вы будете развивать в этом месяце
-      </p>
-      <app-button class="skills__select" (click)="openInstruction = true">Выбрать</app-button>
+      </p> -->
+
+      <p class="skills__placeholder-text">начините проходить навыки, чтобы увидеть свой прогресс</p>
+      <!-- <app-button class="skills__select" (click)="openInstruction = true">Выбрать</app-button> -->
       } @if (displayedSkills.length) {
       <div class="skills_pagination">
         <div class="skills_pages">

projects/skills/src/app/profile/skills-rating/skills-rating.component.html

@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <div class="rating">
-  <h1 class="rating__title">Навыки месяца</h1>
+  <h1 class="rating__title">Навыки</h1>
   <div class="rating__list">
     @for (skill of skillsList; track $index) {
     <div style="cursor: pointer" [routerLink]="['/skills', skill.skillId]">

projects/skills/src/app/subscription/subscription.component.scss

@@ -68,13 +68,13 @@
   }
 
   &__tariffs {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    justify-content: center;
-
+    display: grid;
+    grid-template-columns: 1fr;
+    gird-template-rows: 1fr;
+    grid-gap: 12px;
+    
     @include responsive.apply-desktop {
-      flex-direction: row;
+      grid-template-columns: repeat(3, 1fr);
       margin-top: 16px;
     }
   }