diff --git a/src/components/carousel.js b/src/components/carousel.js index 61c6345..31dc4db 100644 --- a/src/components/carousel.js +++ b/src/components/carousel.js @@ -16,16 +16,16 @@ export const Carousel = ({students}) => { keyboard={{ enabled: true, }} - // navigation={{ - // enabled: true, - // }} + navigation={{ + enabled: true, + }} pagination={{ clickable: true, }} grabCursor={true} slidesPerView={2} centeredSlides={true} - spaceBetween={60} + spaceBetween={80} loop={true} > { diff --git a/src/components/student-slide.js b/src/components/student-slide.js index d4d473b..49097e2 100644 --- a/src/components/student-slide.js +++ b/src/components/student-slide.js @@ -6,6 +6,7 @@ import { Button } from './button' export const StudentSlide = ({student}) => { const { student_name, + semester, title, project_description, project_link_text, @@ -15,10 +16,8 @@ export const StudentSlide = ({student}) => { @@ -27,33 +26,25 @@ export const StudentSlide = ({student}) => { flexDirection: 'column', justifyContent: 'center' }}> - - {student_name} + {project_description} - - - {title} + {student_name} - - {project_description} + > + {title}, {semester} +