Maujor

Para o container do topo defina: #container_topo { margin-botton:2px; } Se não resolver somente analisando a marcação HTML será possível sugerir uma solução.

@terra 1-) Esqueça nome de domínio começando com maiúscula. 2-) O Fábio Ricota da Agência Mestre SEO responde muito bem seu questionamento em: https://www.agenciamestre.com/seo/dominio-perfeito/

@Jack Oliveira Fiz alguns testes com seu código e: Não é uma boa ideia ajustar uma linha que não contenha 3 imóveis conforme você pretende e mostrou na figura, pois a imagem do imóvel será parcialmente mostrada e não há como corrigir isso. Observe que na sua figura a última imagem (Com piscina) mostra apenas a parte superior da foto. E, quanto maior a tela do usuário tanto menor a faixa superior a ser mostrada. A melhor solução é deixar que os imóveis ocupem sua área de apresentação sem completar a última linha. Eis o código para isso: <div class="container"> <div class="row"> <?php while ($row = $result->fetch_assoc()) { ?> <div class="col-md-4"> <a href="#" class="exp-img" style="min-height: 200px;display: block;background-image: url(<?php echo $row['imagem']; ?>);background-size: 350px 200px;"> <span class="filter"></span> <div class="img-info"> <h3><?php echo $row['titulo'] ?></h3> <!-- TITULO --> <h6><?php echo 'Visitas: ' . $row['visitas']; ?></h6> <!-- VISITAS --> <span class="ffs-bs btn btn-small btn-primary">Ver mais...</span> </div> </a> </div> <?php } ?> </div> <!-- /.row --> </div> <!-- /.container -->

Antes de sugerir a solução considere o seguinte: Se você quer uma linha completa com três "slots" e o número total de imóveis a mostrar é indeterminado temos as seguintes situações: 1 imóvel => em uma linha de 3 slots; 2 imóveis => em uma linha, um em 1 slot e outro em 2slots; 3 imóveis => em uma linha, cada imóvel em um slot; 4 imóveis => em duas linhas, a segunda com o imóvel em 3 slots; 5 imóveis => em duas linhas, a segunda linha com 1slot + 2slots (é o caso da figura que você postou) A partir daqui segue o mesmo padrão Informe se é isso.

Entendo "algumas coisas". Não sou especialista na linguagem.

Uma as inúmeras soluções é aninhar dois loops FOR <?php for($j=0; $j<3; $j++ ) { for($i=2019; $i <=2021; $i++){ echo $i .'<br />'; } if($j<2) { echo '------<br>'; } } ?>

A propriedade CSS float pode causar efeitos indesejados nos grid items. https://www.w3.org/TR/css-grid-1/#grid-containers Como regra geral: não use floats em grid layouts. Em um grid layout bem projetado não há necessidade de floats.

@williamsouzat Leia o link que o @Thalles Rangel postou!

@williamsouzat Você poderia esclarecer porque deve-se usar px no lugar de em?

A variável JavaScript x que vem do select no EX1 só existe no lado do cliente (navegador) para ela ser processada pelo PHP você precisa enviá-la para o servidor onde roda o PHP. Assim, você deve enviar x para o servidor por um submit do select (no seu exemplo p.ex: $x = $_POST['ggg']) para ela passar ao PHP e fazer o que você pretende com ela.

O número de meses vem do select. É isso?

@Jack Oliveira Uma coisa é perder qualidade e outra distorcer a imagem. Imagens têm uma característica intrínseca que se chama aspect-ratio (razão de aspecto) que é o resultado da divisão da altura pela largura (ou vice-versa). Qualquer redimensionamento de uma imagem deve manter o aspect-ratio, caso contrário a imagem vai distorcer (distorcer é diferente de perder qualidade). Exemplo: Uma imagem de 1200 x 600 tem um aspect-ratio = 0.5 (ou seja a altura é a metade da largura). Assim essa imagem pode ser redimensionada para 1000 x 500, 600 x 300, 200 x 100 sem problemas. Contudo redimensioná-la para 200 x 200 vai resultar em distorção da imagem. Nesse caso o que poderá ser feito, para que não haja distorção, é cortar uma área de 600 x 600 na imagem original e redimensioná-la para 200 x 200.

@marcelobbt Você declara um GRID de 5 colunas. Posiciona o div principal em 2/5 e ele ocupa a segunda terceira e quarta colunas da 1a. linha. Omite o posicionamento de col 1 e por padrão ele vai ocupar a quinta coluna da 1a. linha. Omite o posicionamento de col 2 e por padrão ele vai ocupar a primeira coluna da 2a. linha com seus elementos filhos. Posiciona esquerda e direita nas linhas 1 / 5 quando só existem duas linhas no seu GRID! O código do seu GRID não faz sentido!

@marcelobbt Oi Marcelo, O seu HTML/CSS para grid layout, infelizmente não faz sentido. Aconselho ler alguns artigos sobre GRID LAYOUT. Aqui está um bom começo

@Jack Oliveira Veja a solução com JavaScript puro e semelhante à do site estrangeiro: https://maujor.com/labs/select-com-imagem/