add small menu

resources/sass/setup/_containers.scss

@@ -0,0 +1,40 @@
+.container-cards-list {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 10px;
+    grid-auto-rows: minmax(100px, auto);
+}
+
+.card {
+    background-color: $light;
+    display: flex;
+    padding: 1rem;
+    box-shadow: 1px 1px 2px $grey;
+    border-radius: 2px;
+
+    a {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        text-decoration: none;
+    }
+}
+
+
+.bg-b {
+    background-color: royalblue;
+}
+
+@media (max-width: 1200px) {
+    .container-cards-list {
+        grid-template-columns: repeat(3, 1fr);
+
+    }
+}
+
+@media (max-width: 800px) {
+    .container-cards-list {
+        grid-template-columns: repeat(2, 1fr);
+
+    }
+}

resources/sass/setup/_effects.scss

@@ -0,0 +1 @@
+$transition-delay: 0.2s;