Added gap between sliders

app/components/Album/Slider.vue

@@ -27,6 +27,7 @@ const { data, pending, refresh } = useAsyncData("random-albums", async () => {
 </script>
 
 <template>
+	<section class="slider">
 		<template v-for="item in data" :key="item.genre._id">
 			<Slider v-if="item.albums.length" :title="item.genre.name">
 				<AlbumCard
@@ -39,4 +40,13 @@ const { data, pending, refresh } = useAsyncData("random-albums", async () => {
 				/>
 			</Slider>
 		</template>
+	</section>
 </template>
+
+<style lang="scss" scoped>
+.slider {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+</style>