Fixed mobile crousal view and added favicon

swapnilnarad2000 · Feb 6, 2024 · c17c59b · c17c59b
1 parent 943df45
commit c17c59b
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 1 deletion.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/src/App.css b/src/App.css
@@ -130,9 +130,59 @@
 	z-index: 1;
 }
 @media (max-width: 320px){
+	.crousal-image{
+		height: 350px !important;
+	}
 	.navbar-toggler{
 		margin: 0px 120px 0px 120px;
 	}
+	.crousal-header{
+		margin-top: 120px !important;	
+		font-size: large;
+	}
+	.crousal-sub-header{
+		font-size: medium;
+	}
+	.crousal-sub-text{
+		font-size: 10px;
+	}
+	.divider{
+		margin-top: 5px !important;
+		margin-bottom: 5px !important;
+	}
+}
+@media (min-width: 321px) and (max-width: 426px){
+	.crousal-image{
+		height: 350px !important;
+	}
+	.crousal-header{
+		margin-top: 50px !important;
+		font-size: large;
+	}
+	.crousal-sub-header{
+		font-size: medium;
+	}
+	.crousal-sub-text{
+		font-size: 10px;
+	}
+	.divider{
+		margin-top: 5px !important;
+		margin-bottom: 5px !important;
+	}
+}
+@media (min-width: 426px) and (max-width: 767px){
+	.crousal-image{
+		height: 600px !important;
+	}
+	.crousal-header{
+		font-size: larger;
+	}
+	.crousal-sub-header{
+		font-size: large;
+	}
+	.crousal-sub-text{
+		font-size: 15px;
+	}
 }
 @media (max-width: 600px)
 {

diff --git a/src/Components/ImageCarousel.js b/src/Components/ImageCarousel.js
@@ -16,7 +16,7 @@ let CrousalCode = imageArray.map((imgSrc, index)=>{
                     <h1 className='crousal-header'>{data.name}</h1>
                     <h2 className='crousal-sub-header'>{data.tagline}</h2>
                     <Divider />
-                    <p>{data.subtag}</p>
+                    <p className='crousal-sub-text'>{data.subtag}</p>
                 </Carousel.Caption>
             </Carousel.Item>
 })