diff --git a/hospital-next/src/app/components/CardSpecialist/CardSpecialist.module.css b/hospital-next/src/app/components/CardSpecialist/CardSpecialist.module.css index 2b89f60..8a475e6 100644 --- a/hospital-next/src/app/components/CardSpecialist/CardSpecialist.module.css +++ b/hospital-next/src/app/components/CardSpecialist/CardSpecialist.module.css @@ -1,5 +1,5 @@ .cardSpecialist{ - width: 217px; + width: 190px; cursor: pointer; } .cardSpecialist:hover{ diff --git a/hospital-next/src/app/components/Carousel/Carousel.tsx b/hospital-next/src/app/components/Carousel/Carousel.tsx index 612759f..43e1235 100644 --- a/hospital-next/src/app/components/Carousel/Carousel.tsx +++ b/hospital-next/src/app/components/Carousel/Carousel.tsx @@ -29,9 +29,9 @@ export default function CarouselCustom() { slidesToSlide: 2, // optional, default to 1. }, mobile: { - breakpoint: { max: 464, min: 0 }, - items: 3, - slidesToSlide: 2, // optional, default to 1. + breakpoint: { max: 500, min: 0 }, + items: 2, + slidesToSlide: 1, // optional, default to 1. }, }; return ( diff --git a/hospital-next/src/app/components/ClientInspection/ClientInspection.module.css b/hospital-next/src/app/components/ClientInspection/ClientInspection.module.css index 7d63aa4..0977c63 100644 --- a/hospital-next/src/app/components/ClientInspection/ClientInspection.module.css +++ b/hospital-next/src/app/components/ClientInspection/ClientInspection.module.css @@ -12,3 +12,8 @@ opacity: .8; line-height: 1.3; } +@media (max-width: 500px) { + .title{ + font-size: 15px; + } +} diff --git a/hospital-next/src/app/components/Footer/Footer.module.css b/hospital-next/src/app/components/Footer/Footer.module.css index 63205a9..fc13cf9 100644 --- a/hospital-next/src/app/components/Footer/Footer.module.css +++ b/hospital-next/src/app/components/Footer/Footer.module.css @@ -97,4 +97,26 @@ } .footerBottomContent{ display: flex; +} +@media (max-width: 500px) { + .footerContainer{ + display: block; + padding-inline: 5px; + } + .footerNav{ + margin-top: 15px; + } + .columnFooter{ + max-width: 100%; + } + .category li{ + font-size: 0.7em; + } + .footerBottomContent{ + flex-direction: column; + align-items: center; + } + .footerBottom{ + width: 100%; + } } \ No newline at end of file diff --git a/hospital-next/src/app/components/Header/Header.module.css b/hospital-next/src/app/components/Header/Header.module.css index c8f90bd..85ac26e 100644 --- a/hospital-next/src/app/components/Header/Header.module.css +++ b/hospital-next/src/app/components/Header/Header.module.css @@ -37,4 +37,23 @@ } .navTopRightSide{ display: flex; +} +@media (max-width: 500px) { + .container{ + padding: 5px 15px; + } + .navTop{ + flex-direction: row; + align-items: center; + } + .phoneCall{ + flex-direction: column; + } + .phoneCall li{ + padding-inline: 5px; + } + .navTopRightSide{ + display: flex; + flex-direction: column; + } } \ No newline at end of file diff --git a/hospital-next/src/app/components/Header/Header.tsx b/hospital-next/src/app/components/Header/Header.tsx index 288338a..95a224b 100644 --- a/hospital-next/src/app/components/Header/Header.tsx +++ b/hospital-next/src/app/components/Header/Header.tsx @@ -8,16 +8,14 @@ export default function Header() {