📱 Fixed #33

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]}

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">

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">