Skip to content

Commit

Permalink
fix(frontend):responsiveness issues on homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
Rahul Kumar authored and Rahul Kumar committed Jun 12, 2022
1 parent 9b5456e commit 57ed07f
Show file tree
Hide file tree
Showing 4 changed files with 27 additions and 6 deletions.
8 changes: 6 additions & 2 deletions frontend/src/components/Mission_vision/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,9 @@
}

@media only screen and (max-width: 1180px) {
.content{
padding-left: 0;
}
.container {
grid-template-columns: 100% 00%;
justify-content: center;
Expand All @@ -68,11 +71,12 @@
display: none;
}
.heading,
.heading2,
.para {
.heading2{
text-align: center;
font-size: 3rem;
}
.para {
text-align: center;
margin: 1vh auto;
width: 90%;
}
Expand Down
16 changes: 14 additions & 2 deletions frontend/src/components/WhyUs/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -60,21 +60,33 @@
}

@media only screen and (max-width: 1180px) {
.content{
padding-left: 0;
}
.container {
grid-template-columns: 100% 00%;
justify-content: center;
padding-left: 0;
align-items: flex-start;
}
.vectors {
display: none;
}
.heading,
.heading2,
.para {
.heading2 {
font-size: 3rem;
text-align: center;
}
.para {
text-align: center;
margin: 1vh auto;
width: 90%;
}
}

@media only screen and (max-width: 370px) {
.container {
padding-top: 20vh;
}
}

5 changes: 3 additions & 2 deletions frontend/src/components/aboutUs/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -80,11 +80,12 @@
display: none;
}
.heading,
.heading2,
.para {
.heading2{
font-size: 3rem;
text-align: center;
}
.para {
text-align: center;
margin: 1vh auto;
width: 80%;
}
Expand Down
4 changes: 4 additions & 0 deletions frontend/src/pages/homePage/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@
}
.container {
justify-content: center;
padding-left: 0;
align-items: center;
}
.heading {
Expand All @@ -78,6 +79,9 @@
}

@media only screen and (max-width: 650px) {
.container{
padding-left: 0;
}
.heading {
font-size: 2rem;
text-align: center;
Expand Down

0 comments on commit 57ed07f

Please sign in to comment.