iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): contribute page not visible correctly on mobile devices (#36573) 

on mobile devices screen size < 600px the contribute page is not visible in correct form changed styles to make it visible correctly

PR Close #36573
This commit is contained in:
ajitsinghkaler 2020-04-11 11:06:37 +05:30 committed by atscott
parent 2d16b4711e
commit d972821889
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
aio/src/styles/2-modules/_contribute.scss
View File

@ -7,13 +7,26 @@
justify-content: space-between; justify-content: space-between;
max-width: 880px; max-width: 880px;
@media (max-width: 600px) {
flex-direction: column;
}
> :first-child { > :first-child {
margin-right: 2rem; margin-right: 2rem;
width: 60%; width: 60%;
@media (max-width: 600px) {
width: 100%;
}
} }
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.button {
@media (max-width: 600px) {
margin-top: 14px;
}
}
} }
} }