Fix footer responsive

This commit is contained in:
Mark Liang 2017-07-25 15:45:58 +08:00
parent b306ffec8d
commit c72896aeb7
1 changed files with 8 additions and 6 deletions

View File

@ -114,6 +114,8 @@ body {
justify-content: flex-start; justify-content: flex-start;
max-width: 630px; max-width: 630px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
width: 96%; width: 96%;
} }
@ -130,10 +132,6 @@ a {
/** page-one **/ /** page-one **/
#page-one {
padding: 0 20px;
}
.title { .title {
font-size: 33px; font-size: 33px;
line-height: 40px; line-height: 40px;
@ -692,8 +690,10 @@ tbody {
.footer { .footer {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
text-align: center; align-items: flex-start;
max-width: 630px;
margin: auto;
} }
.mozilla-logo { .mozilla-logo {
@ -703,6 +703,8 @@ tbody {
.legal-links { .legal-links {
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
width: 100%;
max-width: 100%;
} }
.legal-links > * { .legal-links > * {