.sec-3 .container .image-sec-3{ <br>
background-image: url(/img/corebusiness1.jpg);<br>;
background-size: contain;<br>contain;
background-repeat: no-repeat;<br>repeat;
margin: 2% auto 0% 6.2%;<br>2%;
height: 300px;<br>300px;
display: -ms-flexbox;<br>flexbox;
display: -webkit-flex;<br>flex;
display: flex;<br>flex;
-webkit-flex-direction: row;<br>row;
-ms-flex-direction: row;<br>row;
flex-direction: row;<br>row;
-webkit-flex-wrap: nowrap;<br>nowrap;
-ms-flex-wrap: nowrap;<br>nowrap;
flex-wrap: nowrap;<br>nowrap;
-webkit-justify-content: flex-start;<br>start;
-ms-flex-pack: start;<br>start;
justify-content: flex-start;<br>start;
-webkit-align-content: stretch;<br>stretch;
-ms-flex-line-pack: stretch;<br>stretch;
align-content: stretch;<br>stretch;
-webkit-align-items: center;<br>center;
-ms-flex-align: center;<br>center;
align-items: center;<br>center;
}<br>
.sec-3 .container .title-sec-3 h3{ <br>
text-align: center;<br>center;
margin: -51% 0% 0% 81.5%;<br>5%;
}<br>
.sec-3 .container .text-sec-3 p{<br>
margin: -37% -100% 0px 126%;<br>126%;
}<br>
E este é o código da media-query em que o problema começa a aparecer :
@media (max-width: 767px) /*Small devices/Tablets*/{<br>
.sec-3 .container .image-sec-3{
margin: 5% 0px 0px 25%;
width: 400px;
}
.sec-3 .container .title-sec-3 h3{
margin: -5% 0% 0% 22.5%;
width: 400px;
}
.sec-3 .container .text-sec-3 p{
margin: 3% auto 0px 10%;
}
}
Diogo Gomes
- 21
- 4
LocalHost
- 3,3mil
- 1
- 11
- 26