Look closely at the screen;
Itwasnottocontinuelikethis,itwasforhimisresponsive,itwasforOURSERVICE,IMOVEIS,KNOWUSandtheothersaresidebyside.
Mypage
<!DOCTYPEhtml><htmllang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Condonager</title>
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div class="container">
<img src="images/logo.png" width="220" height="100">
</div>
</header>
<div id="servivos">
<div class="row">
<div class="col-md-4">
<article>
<h2>NOSSO SERVIÇOS</h2>
<div class="text_servicos">
Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-4">
<article>
<h2>IMOVEIS</h2>
<div class="text_servicos">
Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-4">
<article>
<h2>CONHEÇA-NOS</h2>
<div class="text_servicos">
Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
</div>
</article>
</div>
</div>
<<div class="row">
<div class="col-md-4">
<article>
<h2>CONTATOS</h2>
<div class="text_servicos">
Todos os nossos serviços são realizados por profissionais qualificados, tendo por direcionamento os padrões de qualidade da Bernardes. Conheça a nossa página de Serviços e confira como podemos suprir às suas necessidades.
</div>
</article>
</div>
</div>
</div>
</body>
</html>
And my CSS file looks like this;
*{
box-sizing: border-box;
}
body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
header{
border-bottom: 1px solid #ccc;
}
header img{
margin-top: 12px;
}
/*
.container{
width: 1200px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
.lema{
text-align: center;
float: left;
}*/
/*
.lema > p {
margin-top: 35px;
margin-bottom: 30px;
font-family: 'Pacifico', cursive;
font-size: 25px;
}
*/
article{
width: 35%;
padding: 20px;
}
article > h2{
text-align: left;/* titulo centralizado */
line-height: 2.5;
}
article > .text_servicos{
width: 220px;
color:#A6A6A6;
}
#servicos{
padding: 80px 0;
}
I do not know if I went wrong in html or if it was in CSS, and I can not get the solution, I need help.