search

mcin0244 / mcin0244.github.io

http://emmamcinall.ca/
0 stars 0 forks source link

Footer #3

Open mcin0244 opened 9 years ago

mcin0244 commented 9 years ago

For some strange reason I am unable to target footer or style it at all. I have tried targeting it as .footer, #footer, .footer-section etc.

footer{

background-color: #ED4223; padding: 2em; padding-top: 2em; margin-right: auto; margin-left: auto; }

footer

h4, h5{ font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.5em; padding: 1em; margin: 0 auto; text-align: center; color: #333; }

footer ul, li{

font-family: 'Open Sans', sans-serif; font-weight: 200; line-height: 1.5em; padding-left: 1em; margin: 0; text-align: center; color: #333; }

.social-media { width: 100%; }

.social-media img{ max-width:30%; display: inline-block; padding-left: 1em; margin-right: auto; margin-left: auto; }

@media only screen and (min-width: 38em){

footer

h4, h5, p{ text-align: left; z-index: -9999; }

.social-media { width: 30%; float: right; z-index: -9999; } .social-media img{ max-width:70px; display: inline-block; padding-left: 1em; z-index: -9999; } } /*

comacchio commented 9 years ago

[hashtag] is used to link another point on the same page.
try using .footer to style your css... but FIRST you'll have to make a class="footer" in your html.

thomasjbradley commented 9 years ago

@comacchio is completely correct.