Tengo este diseño de estilos CSS, como se puede ver hay dos contenedores diferentes col-1
y col-grid
<div class="col-1">
<div class="article-two">
<img src="https://i.imgur.com/fNiFRdd.jpg" />
</div>
</div>
<div class="col-grid">
<div class="article-two">
<img src="https://i.imgur.com/fNiFRss.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/fNiFRfN.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/fNiFRkN.jpg" />
</div>
</div>
Para obtener el mismo diseño he usado la concatenación de PHP -> .=
pero los datos se repiten y no se obtiene el mismo diseño de la estructura HTML
donde en el primer contenedor va solo una imagen y en el segundo contenedor puede ir más de una imagen, dado al error qué cambios se deben agregar al código para obtener el mismo diseño de la estructura HTML
$DivCol = '<div class="col-1">';
$DivColGrid = '<div class="col-grid">';
while ($stmt->fetch()) {
$DivCol .= '<div class="article-two">
<img src="'.$cover_page.'">
</div>';
$DivColGrid .= '<div class="article-two">
<img src="'.$cover_page.'">
</div>';
}
$DivColGrid .= '</div>';
$DivCol .= '</div>';
Este es el error que obtengo como resultado, la impresión de datos fue con un limit de 3
en la consulta MYSQL
<div class="col-1">
<div class="article-two">
<img src="https://i.imgur.com/QCcU9VB.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/Sy5jQrQ.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/t6MofoQ.jpg" />
</div>
</div>
<div class="col-grid">
<div class="article-two">
<div class="article-two">
<img src="https://i.imgur.com/QCcU9VB.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/Sy5jQrQ.jpg" />
</div>
<div class="article-two">
<img src="https://i.imgur.com/t6MofoQ.jpg" />
</div>
</div>
</div>
$stmt->fetch()
te devuelve 3 datos no? Entonces según el código se va agregar 3 veces a cada div porque estas usando el while, si quieres separar para que te duelve 1 y 3, tendrias que agregar una condicional en tu while