From f5635a87e09352b80e04fc67abc262216e29064c Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Sat, 16 Apr 2022 11:05:58 +0200
Subject: [PATCH] :iphone: Fixed #33

---
 frontend/src/lib/landing/testimonials.svelte | 4 ++--
 frontend/src/routes/explore.svelte           | 2 +-
 frontend/src/routes/search.svelte            | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/landing/testimonials.svelte b/frontend/src/lib/landing/testimonials.svelte
index 9d4120e..6370c61 100644
--- a/frontend/src/lib/landing/testimonials.svelte
+++ b/frontend/src/lib/landing/testimonials.svelte
@@ -15,8 +15,8 @@ I like it and would use it for my house parties next time!`,
 	];
 </script>
 
-<div class="grid grid-cols-3">
-	<div class="col-start-2">
+<div class="lg:grid lg:grid-cols-3">
+	<div class="lg:col-start-2">
 		<Swiper
 			centeredSlides={true}
 			modules={[Autoplay]}
diff --git a/frontend/src/routes/explore.svelte b/frontend/src/routes/explore.svelte
index e6fe0a0..f277a14 100644
--- a/frontend/src/routes/explore.svelte
+++ b/frontend/src/routes/explore.svelte
@@ -37,7 +37,7 @@
 		/>
 	</svg>
 {:then quizzes}
-	<div class="grid grid-cols-3">
+	<div class="grid lg:grid-cols-3 grid-cols-1">
 		{#each quizzes.hits as quiz}
 			<div class="flex justify-center">
 				<a href="/view/{quiz.id}" class="h-max w-fit">
diff --git a/frontend/src/routes/search.svelte b/frontend/src/routes/search.svelte
index 7a753ed..bcb9b2d 100644
--- a/frontend/src/routes/search.svelte
+++ b/frontend/src/routes/search.svelte
@@ -47,7 +47,7 @@
 				<input
 					type="search"
 					class="form-control relative flex-auto min-w-0 block w-full px-3 py-1.5 text-base font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"
-					placeholder="Search"
+					placeholder="Enter at least 3 characters..."
 					aria-label="Search"
 					aria-describedby="button-addon2"
 					bind:value={search_term}
@@ -81,7 +81,7 @@
 
 {#if resp_data}
 	{#if resp_data.hits.length !== 0}
-		<div class="grid grid-cols-3">
+		<div class="grid lg:grid-cols-3 grid-cols-1">
 			{#each resp_data.hits as quiz}
 				<div class="flex justify-center">
 					<a href="/view/{quiz.id}" class="h-max w-fit">