Gdzie popełniłem błąd
.socials /* test social*/
{
width:100%;
text-align: center;
background-color: #e3e7f5; /* kolor tła stopki*/
margin-bottom: 10px;
}
.socialdivs
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.ftargowisko
{
width: 200px;
height: 155px;
float:left;
}
.yt
{
width: 200px;
height: 155px;
float:left;
}
.reklama2
{
width: 200px;
height: 155px;
float:left;
}
.reklama
{
width: 200px;
height: 155px;
float:left;
}
.web
{
width: 200px;
height: 155px;
float:left;
}
/* koniec testu social*/
<div class="socials"> <!--dodanie socal-->
<div class="socialdivs">
<div class="ftargowisko">
<a href="https://www.facebook.com/Targowisko-darmowe-og%C5%82oszenia-1853942881321358/?eid=ARCnocYK5IHGGLiBq4Xzx0V-_jGHsFIqvdf2Z-SsnIOnCrTQX6Y5JcffsS3O_fd51olfaAetCfnvDon3" target="_blank"class="sociallink">
<img src="/views/default/images/ftargowisko.png" title="Dołącz do nas na Facebook">
</div>
<div class="yt">
<a href="https://www.youtube.com/watch?v=TQALgzDItTk" target="_blank" class="sociallink">
<img src="/views/default/images/yt.png" title="Napisz do nas, dodaj swoją firmę">
</div>
</a>
</div>
<div class="reklama2">
<a href="mailto:targowisko.ogloszenia@gmail.com" class="sociallink" target="_blank">
<img src="/views/default/images/Reklama2.png" title="Napisz do nas, dodaj swoją firmę">
</div>
<div class="reklama">
<a href="mailto:targowisko.ogloszenia@gmail.com" class="sociallink">
<img src="/views/default/images/Reklama.png" title="Dodaj swoją firmę" target="_blank">
</div>
<div class="web">
<a href="https://www.mywebmarket.uk/">
<img src="/views/default/images/web.png" title="Ogłoszenia w Anglii i Irlandii" target="_blank">
</div>
<div style="clear:both"></div>
</div>
</div> <!--koniec social-->
w kodzie HTML lub CSS ? na ekranie komputera obraz wyświetla się dobrze a na telefonie
już nie .