diff --git a/resources/css/app.css b/resources/css/app.css
index 655ee84..fb75665 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -88,6 +88,7 @@
 @import './blocks/press-photo-kit.css';
 @import './blocks/press-reviews.css';
 @import './blocks/icon.css';
+@import './blocks/tips-to-know.css';
 
 /* ########### PAGE ############ */
 @import './pages/demo-components.css';
diff --git a/resources/css/blocks/tips-to-know.css b/resources/css/blocks/tips-to-know.css
new file mode 100644
index 0000000..affdc7a
--- /dev/null
+++ b/resources/css/blocks/tips-to-know.css
@@ -0,0 +1,23 @@
+.homegrade-blocks-tips-to-know {
+  &__tips-container {
+    @apply py-5  grid grid-cols-2 gap-x-10 gap-y-4 w-full;
+  }
+
+  &__tip {
+    @apply flex gap-6;
+  }
+  &__tip-icon {
+    @apply w-16 h-16 bg-white shadowed 
+		shrink-0 
+		rounded-2xl
+		flex items-center justify-center;
+    img {
+      @apply w-full h-full;
+      max-width: 70%;
+      max-height: 70%;
+    }
+  }
+  &__tip-title {
+    @apply text-secondary font-bold text-2xl mb-4 !mt-0;
+  }
+}