resources

src/app/components/blog-items/blog-items.component.html

@@ -1,6 +1,6 @@
-<div>
+<div class="flex">
   <div class="grid-act" >Blog</div>
-  <div  >more..</div>
+  <div class="more" >more..</div>
 </div>
 <ion-card>
   <img alt="Silhouette of mountains" src="https://www.dorcastore.com/wp-content/uploads/2021/02/Leaky-Gut-720x340.jpg" />

src/app/components/choose-activity/choose-activity.component.html

@@ -52,7 +52,7 @@
       </ion-card>
     </ion-col>
   </ion-row>
-  <ion-row>
-    <ion-col>1</ion-col>
-  </ion-row>
+<!--  <ion-row>-->
+<!--    <ion-col>1</ion-col>-->
+<!--  </ion-row>-->
 </ion-grid>

src/app/pages/dash/dash.page.html

@@ -20,11 +20,18 @@
         </ion-avatar>
       </div>
       <div>
-        <div class="acc-name">Firstname Lastname</div>
+        <div class="acc-name">King Lawson</div>
         <div class="last-login">Last Login : 01-01-2024 9:40 AM</div>
       </div>
     </div>
     <app-choose-activity></app-choose-activity>
+    <div style="padding: 0px 15px 10px 15px">
+      <ion-button shape="round"
+                  style="font-weight: bolder; letter-spacing: 1.5px"
+                  expand="block"
+                  size="medium"
+                  color="primary">RESOURCES</ion-button>
+    </div>
     <app-blog-items></app-blog-items>
 
   </div>

src/global.scss

@@ -98,6 +98,11 @@
   margin-right: auto;
 }
 
+.grid-act{
+  font-weight: bolder;
+  font-size: 20px;
+  padding: 0px 0px 0px 20px;
+}
 
 .back_image {
     width: 100%;
@@ -117,6 +122,9 @@
     ion-icon {
     font-size: 22px;
     }
+  .more{
+    padding-right: 15px;
+  }
 }
 
 .row {