diff --git a/app/components/newscarousel.js b/app/components/newscarousel.js
index 486132bf..1842ed2c 100644
--- a/app/components/newscarousel.js
+++ b/app/components/newscarousel.js
@@ -58,6 +58,7 @@ const Item = (props) => {
height={140}
src={props.item.attributes.imageUrl}
alt={props.item.attributes.name}
+ className={styles.imgItm}
/>
{props.item.attributes.name}
@@ -98,6 +99,13 @@ function Newscarousel(props) {
initialSlide: 2,
},
},
+ {
+ breakpoint: 300,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1
+ },
+ }
]}
prevArrow={
}
nextArrow={
}
diff --git a/app/styles/Newscarousel.module.css b/app/styles/Newscarousel.module.css
index 42002293..dde0ef97 100644
--- a/app/styles/Newscarousel.module.css
+++ b/app/styles/Newscarousel.module.css
@@ -36,3 +36,18 @@
.carousel-item-title {
font-size: 22.5px;
}
+
+.imgItm{
+ width: 100%;
+ height: 100%;
+}
+
+.content{
+ height: 120px !important;
+}
+
+@media only screen and (max-width: 300px) {
+ .content{
+ height: 80px !important;
+ }
+}
\ No newline at end of file