diff --git a/src/frontend/src/views/Main.vue b/src/frontend/src/views/Main.vue index 74b09b15dd126f8da0fce16b6d897d4d1717cba4..76ea051ba32a98317356601bcae7b648352a0521 100644 --- a/src/frontend/src/views/Main.vue +++ b/src/frontend/src/views/Main.vue @@ -1,5 +1,5 @@ <template> - <div class="flex grow flex-col"> + <div class="flex grow flex-col max-w-full"> <topbar /> <div class="flex grow flex-col"> <div class="show-down relative flex w-full min-h-[60vh] bg-teal-500"> @@ -171,12 +171,12 @@ </card-border> </div> - <div class="flex grow wrap p-2 justify-center"> + <div class="flex md:flex-row flex-col grow wrap p-2 justify-center h-fit max-w-full mt-16"> <trip-card v-for="trip in trips" :key="trip.id" :trip="trip" - class="m-8" + class="md:m-8 m-4" @click="selectTrip(trip.id)" /> </div>