.Footer { background: #f4f2f2; color: #472e26; font-size: 14px; line-height: 1.5; padding: 18px 0; } .Footer .Container { margin: 0 auto; max-width: 1236px; padding-left: 18px; padding-right: 18px; } .Footer .Container .footer-eglise { display: flex; height: 140px; align-items: stretch; width: 100%; margin: 10px 0 15px 0; } .Footer .Container .col { position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0; justify-content: left; padding: 0 3px; } .Footer .Container .col .left p { max-width: 200px; } .Footer .Container .footer-eglise h3 { color: #ad172b; margin-bottom: 5px; text-decoration: underline; } .Footer .Container .col .left p h3 { color: #ad172b; text-decoration: underline; margin-bottom:5px; } .Footer .Container .col .left p a:hover { color: #e2aeb5; } .Footer .Container .col .left p a:link, .Footer a { color: #ad172b !important; text-decoration: none !important; } .Footer .Container .col .left p .youtube { line-height: 16px; } .Footer .Container .col .left p svg { margin-right: 5px; vertical-align: middle; } .Footer .Container .col-logo { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .Footer .Container .col-copyRight, .Footer .Container .col-logo { -ms-flex: 1; -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1; } .Footer .Container .col-copyRight { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .Footer .Container .Vanilla-logo { height: 28px; opacity: .6; width: 120px; -webkit-box-pack: end; justify-content: flex-end; }

This is a work in progress, right?

patrick

patrick

April 2020 in General

I mean, I hope so.

Comments

Unknown

April 2020

Je suis très encouragé.

Share on Twitter Share on Facebook
nervoustwit

April 2020

Yep!

Share on Twitter Share on Facebook

or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories

In this Discussion

April 2020 nervoustwit

.Footer { background: #f4f2f2; color: #472e26; font-size: 14px; line-height: 1.5; padding: 18px 0; } .Footer .Container { margin: 0 auto; max-width: 1236px; padding-left: 18px; padding-right: 18px; } .Footer .Container .footer-eglise { display: flex; height: 140px; align-items: stretch; width: 100%; margin: 10px 0 15px 0; } .Footer .Container .col { position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0; justify-content: left; padding: 0 3px; } .Footer .Container .col .left p { max-width: 200px; } .Footer .Container .footer-eglise h3 { color: #ad172b; margin-bottom: 5px; text-decoration: underline; } .Footer .Container .col .left p h3 { color: #ad172b; text-decoration: underline; margin-bottom:5px; } .Footer .Container .col .left p a:hover { color: #e2aeb5; } .Footer .Container .col .left p a:link, .Footer a { color: #ad172b !important; text-decoration: none !important; } .Footer .Container .col .left p .youtube { line-height: 16px; } .Footer .Container .col .left p svg { margin-right: 5px; vertical-align: middle; } .Footer .Container .col-logo { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .Footer .Container .col-copyRight, .Footer .Container .col-logo { -ms-flex: 1; -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1; } .Footer .Container .col-copyRight { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .Footer .Container .Vanilla-logo { height: 28px; opacity: .6; width: 120px; -webkit-box-pack: end; justify-content: flex-end; }