Updated mobile responsiveness for a couple instances.

microsoft · Feb 16, 2024 · c94597b · c94597b
1 parent 3d8b008
commit c94597b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/routes/blogs/+page.svelte b/src/routes/blogs/+page.svelte
@@ -330,13 +330,13 @@
 			>
 		</div>
 		{#if showBlogs}
-			<div class="grid gap-4 grid-cols-1 md:grid-cols-2 mx-10">
+			<div class="grid gap-4 grid-cols-1 md:grid-cols-2 mx-0 md:mx-6">
 				{#each blogs as blog, i}
 					<Blog title={blog.title} description={blog.blurb} date={blog.date} link={blog.link} />
 				{/each}
 			</div>
 		{:else}
-			<div class="grid gap-4 grid-cols-1 md:grid-cols-2 mx-10">
+			<div class="grid gap-4 grid-cols-1 md:grid-cols-2 mx-0 md:mx-6">
 				{#each blogsCommunity as blog, i}
 					<Blog title={blog.title} description={blog.blurb} date={blog.date} link={blog.link} />
 				{/each}

diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
@@ -16,7 +16,7 @@
 				{ name: 'Event Page', link: 'https://developer.microsoft.com/en-us/reactor/events/21648/' },
 				{
 					name: 'Recording Playlist',
-					link: 'https://www.youtube.com/watch?v=6roKUuxUprA&list=PLqPV7GJuaUV8qw9Zj5zXvzUZdSxx_sn7U'
+					link: 'https://www.youtube.com/playlist?list=PLqPV7GJuaUV8qw9Zj5zXvzUZdSxx_sn7U'
 				}
 			],
 			image: converttoort,
@@ -48,9 +48,7 @@
 	</div>
 	<div class="pt-5 mx-4 md:mx-10">
 		<h3 class="text-3xl pb-8">Upcoming Events</h3>
-		<div class="grid gap-4 grid-cols-1 lg:grid-cols-3">
-
-		</div>
+		<div class="grid gap-4 grid-cols-1 lg:grid-cols-3" />
 	</div>
 	<div class="mx-4 md:mx-10">
 		<h3 class="text-3xl pb-8">Past Events</h3>
@@ -68,6 +66,6 @@
 	</div>
 	<div class="mx-4 md:mx-10">
 		<h3 class="text-3xl py-4">Past Event Videos</h3>
-			<Videogallery {videos} title=false px=0 my=0/>
+		<Videogallery {videos} title="false" px="0" my="0" />
 	</div>
 </div>
diff --git a/src/routes/events/event-post.svelte b/src/routes/events/event-post.svelte
@@ -30,7 +30,7 @@
 >
 	<a href={link}>
 		<div class="card card-side grid grid-cols-3">
-			<div class="card-body col-span-2">
+			<div class="card-body col-span-3 md:col-span-2">
 				<h2 class="card-title">{title}</h2>
 				<p>{description}</p>
 				<p class="text-blue-500 text-right">
@@ -42,7 +42,7 @@
 					{/each}
 				</div>
 			</div>
-			<div class="card-image col-span-1 m-auto">
+			<div class="card-image col-span-1 m-auto hidden md:flex">
 				<img class="" src={image} alt={imagealt} />
 			</div>
 		</div>