Open mcin0244 opened 10 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.
background-color: #ED4223; padding: 2em; padding-top: 2em; margin-right: auto; margin-left: auto; }
h4, h5{ font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.5em; padding: 1em; margin: 0 auto; text-align: center; color: #333; }
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){
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; } } /*
[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.
@comacchio is completely correct.
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; } } /*