lesson 3-2: order end

Author: ismanapa

32-order/scss/_base.scss

@@ -54,6 +54,7 @@ a {
 
   &__title {
     margin-bottom: 0.5rem;
+    margin-top: 0.5rem;
     font-size: 1.5rem;
     font-weight: 400;
     line-height: 1.3;

32-order/scss/_flex.scss

@@ -5,7 +5,25 @@
 
   .card {
     width: 20rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    &__img {
+      order: -2;
+    }
+
+    &__category {
+      order: -1;
+      align-self: flex-end;
+    }
   }
 
+  .card:nth-child(1) {
+    order: 1;
+  }
 
+  .card:nth-child(3) {
+    order: 3;
+  }
 }