From e206b501a686edfadb6198249f9e1e90e32fcd15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Wed, 24 Jul 2024 00:34:13 +0200
Subject: [PATCH] media query to show only one column in case of small window

---
 client/homebrew/pages/vaultPage/vaultPage.less | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/homebrew/pages/vaultPage/vaultPage.less b/client/homebrew/pages/vaultPage/vaultPage.less
index 57463ca8c..f110a333a 100644
--- a/client/homebrew/pages/vaultPage/vaultPage.less
+++ b/client/homebrew/pages/vaultPage/vaultPage.less
@@ -243,4 +243,14 @@ body {
 
 	66%,
 	100% { content : '...'; }
+}
+
+// media query for when the page is smaller than 1079 px in width
+@media screen and (max-width: 1079px) {
+	.vaultPage .content .dataGroup.resultsContainer .foundBrews .brewItem {
+		width: 100%;
+		color: black;
+		background-image: url('/assets/parchmentBackground.jpg');
+	}
+
 }
\ No newline at end of file