Skip to main content
tags editadas
Link
Victor Stafusa
  • 64,9mil
  • 9
  • 120
  • 189
Adicionado parte do código separada do texto sobre o problema.
Fonte Link
.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%;
    }
}
.sec-3 .container .image-sec-3{ <br>
        background-image: url(/img/corebusiness1.jpg);<br>
        background-size: contain;<br>
        background-repeat: no-repeat;<br>
        margin: 2% auto 0% 6.2%;<br>
        height: 300px;<br>
        display: -ms-flexbox;<br>
        display: -webkit-flex;<br>
        display: flex;<br>
        -webkit-flex-direction: row;<br>
        -ms-flex-direction: row;<br>
        flex-direction: row;<br>
        -webkit-flex-wrap: nowrap;<br>
        -ms-flex-wrap: nowrap;<br>
        flex-wrap: nowrap;<br>
        -webkit-justify-content: flex-start;<br>
        -ms-flex-pack: start;<br>
        justify-content: flex-start;<br>
        -webkit-align-content: stretch;<br>
        -ms-flex-line-pack: stretch;<br>
        align-content: stretch;<br>
        -webkit-align-items: center;<br>
        -ms-flex-align: center;<br>
        align-items: center;<br>
}<br>

.sec-3 .container .title-sec-3 h3{  <br>
        text-align: center;<br>
        margin: -51% 0% 0% 81.5%;<br>
}<br>

.sec-3 .container .text-sec-3 p{<br>
        margin: -37% -100% 0px 126%;<br>
}<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%;
    }
}
.sec-3 .container .image-sec-3{ 
        background-image: url(/img/corebusiness1.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        margin: 2% auto 0% 6.2%;
        height: 300px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
}<br>

.sec-3 .container .title-sec-3 h3{  
        text-align: center;
        margin: -51% 0% 0% 81.5%;
}

.sec-3 .container .text-sec-3 p{
        margin: -37% -100% 0px 126%;
} 

E este é o código da media-query em que o problema começa a aparecer :

@media (max-width: 767px) /*Small devices/Tablets*/{

    .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%;
    }
}
Adicionado parte do código separada do texto sobre o problema.
Fonte Link

.sec-3 .container .image-sec-3{
background-image: url(/img/corebusiness1.jpg);
background-size: contain;
background-repeat: no-repeat;
margin: 2% auto 0% 6.2%;
height: 300px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.sec-3 .container .title-sec-3 h3{
text-align: center;
margin: -51% 0% 0% 81.5%;
}

.sec-3 .container .text-sec-3 p{
margin: -37% -100% 0px 126%;
}
E este é o código da media-query em que o problema começa a aparecer :

@media (max-width: 767px) /Small devices/Tablets/{

.sec-3 .container .image-sec-3{ <br>
        background-image: url(/img/corebusiness1.jpg);<br>
        background-size: contain;<br>
        background-repeat: no-repeat;<br>
        margin: 2% auto 0% 6.2%;<br>
        height: 300px;<br>
        display: -ms-flexbox;<br>
        display: -webkit-flex;<br>
        display: flex;<br>
        -webkit-flex-direction: row;<br>
        -ms-flex-direction: row;<br>
        flex-direction: row;<br>
        -webkit-flex-wrap: nowrap;<br>
        -ms-flex-wrap: nowrap;<br>
        flex-wrap: nowrap;<br>
        -webkit-justify-content: flex-start;<br>
        -ms-flex-pack: start;<br>
        justify-content: flex-start;<br>
        -webkit-align-content: stretch;<br>
        -ms-flex-line-pack: stretch;<br>
        align-content: stretch;<br>
        -webkit-align-items: center;<br>
        -ms-flex-align: center;<br>
        align-items: center;<br>
}<br>

.sec-3 .container .title-sec-3 h3{  <br>
        text-align: center;<br>
        margin: -51% 0% 0% 81.5%;<br>
}<br>

.sec-3 .container .text-sec-3 p{<br>
        margin: -37% -100% 0px 126%;<br>
}<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%;
    }
}

} Obrigado Obrigado a quem der feedback

.sec-3 .container .image-sec-3{
background-image: url(/img/corebusiness1.jpg);
background-size: contain;
background-repeat: no-repeat;
margin: 2% auto 0% 6.2%;
height: 300px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.sec-3 .container .title-sec-3 h3{
text-align: center;
margin: -51% 0% 0% 81.5%;
}

.sec-3 .container .text-sec-3 p{
margin: -37% -100% 0px 126%;
}
E este é o código da media-query em que o problema começa a aparecer :

@media (max-width: 767px) /Small devices/Tablets/{

.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%;
}

} Obrigado a quem der feedback

.sec-3 .container .image-sec-3{ <br>
        background-image: url(/img/corebusiness1.jpg);<br>
        background-size: contain;<br>
        background-repeat: no-repeat;<br>
        margin: 2% auto 0% 6.2%;<br>
        height: 300px;<br>
        display: -ms-flexbox;<br>
        display: -webkit-flex;<br>
        display: flex;<br>
        -webkit-flex-direction: row;<br>
        -ms-flex-direction: row;<br>
        flex-direction: row;<br>
        -webkit-flex-wrap: nowrap;<br>
        -ms-flex-wrap: nowrap;<br>
        flex-wrap: nowrap;<br>
        -webkit-justify-content: flex-start;<br>
        -ms-flex-pack: start;<br>
        justify-content: flex-start;<br>
        -webkit-align-content: stretch;<br>
        -ms-flex-line-pack: stretch;<br>
        align-content: stretch;<br>
        -webkit-align-items: center;<br>
        -ms-flex-align: center;<br>
        align-items: center;<br>
}<br>

.sec-3 .container .title-sec-3 h3{  <br>
        text-align: center;<br>
        margin: -51% 0% 0% 81.5%;<br>
}<br>

.sec-3 .container .text-sec-3 p{<br>
        margin: -37% -100% 0px 126%;<br>
}<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%;
    }
}

Obrigado a quem der feedback

formatação do códigp
Fonte Link
Carregando
Correção na formatação do código; Revisão ortográfica;
Fonte Link
Carregando
adicionou 1753 caracteres ao conteúdo
Fonte Link
Carregando
Fonte Link
Carregando