Moin Leute!
Ich habe bei mir das problem, dass wenn ich mein Section auf links orientiere, der hintergrund des unterliegenden Div ignoriert wird.
Die Section wird ebenfalls automatisch unter diesen Div geschoben!
Code
<div class="footer"><section class="sec-left">
<ul>
<li><h1>Folge uns auf</h1></li>
<li><a href="https://twitter.com/simuundquex"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://instagram.com/simuundquexteam"><i class="fa fa-instagram"></i></a></li>
<li><a href=""></a></li>
</ul>
</section>
<section class="sec-left">
<ul>
<li><h1>Folge uns auf</h1></li>
<li><a href="https://twitter.com/simuundquex"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://instagram.com/simuundquexteam"><i class="fa fa-instagram"></i></a></li>
<li><a href=""></a></li>
</ul>
</section>
<p>Copyright © 2019</p>
</div>Code
@import url('https://fonts.googleapis.com/css?family=Roboto');
.footer{
width: 100%;
height: auto;
background-color: #2e2e2e;
color: #fff;
margin: 0;
padding: 0;
}
.footer ul{
list-style: none;
text-align: center;
}
.footer ul li{
padding-top: 5px;
color: #fff;
font-family: 'Roboto', sans-serif;
}
.footer ul li a{
text-decoration: none;
color: #fff
}
.footer ul li a:hover{
text-decoration: underline;
}
.footer h1{
margin-bottom: 0;
}
.sec-left{
margin-left: 20px;
width: auto;
color: #fff;
}
.fa-twitter:hover{
color: #00acee
}
.fa-instagram:hover{
color: #d6249f;
color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}Kann mir jemand helfen?