diff --git a/web-svelte/src/styles/mixins.scss b/web-svelte/src/styles/mixins.scss
new file mode 100644
index 0000000..c36180b
--- /dev/null
+++ b/web-svelte/src/styles/mixins.scss
@@ -0,0 +1,23 @@
+@mixin small {
+	@media (min-width: 576px) {
+		@content;
+	}
+}
+
+@mixin medium {
+	@media (min-width: 768px) {
+		@content;
+	}
+}
+
+@mixin large {
+	@media (min-width: 992px) {
+		@content;
+	}
+}
+
+@mixin x-large {
+	@media (min-width: 1200px) {
+		@content;
+	}
+}
\ No newline at end of file