Set some picture in one div
HI everyone
I want put some picture in one div
<div class="sticky">
<div class="pic"><img src="assets/0175.jpg" alt="">
<div class="pic"><img src="assets/1424.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/733.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
<div class="pic"><img src="assets/h2.jpg" alt="">
<div class="pic"><img src="assets/h3.jpg" alt="">
<div class="pic"><img src="assets/h4.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h6.jpg" alt="">
<div class="pic"><img src="assets/h7.jpg" alt="">
<div class="pic"><img src="assets/0175.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/1424.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
</div>
<div class="sticky">
<div class="pic"><img src="assets/0175.jpg" alt="">
<div class="pic"><img src="assets/1424.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/733.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
<div class="pic"><img src="assets/h2.jpg" alt="">
<div class="pic"><img src="assets/h3.jpg" alt="">
<div class="pic"><img src="assets/h4.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h6.jpg" alt="">
<div class="pic"><img src="assets/h7.jpg" alt="">
<div class="pic"><img src="assets/0175.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/7009.jpg" alt="">
<div class="pic"><img src="assets/1424.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
<div class="pic"><img src="assets/873.jpg" alt="">
<div class="pic"><img src="assets/86.jpg" alt="">
<div class="pic"><img src="assets/h5.jpg" alt="">
<div class="pic"><img src="assets/h1.jpg" alt="">
</div>
5 Replies
now I get this
the image appear under the div container
can I get some idea to fsolve this ?
Try to give the images a max-width of 100% to avoid any overflow
You’re also not closing your div tags
if you are still going with grid-template-areas you can do something like this
grid-template-areas:
"pp . . ."
"pp . . ."
"pp . . ."
"pp . . .";
grid-template-areas:
"pp . . ."
"pp . . ."
"pp . . ."
"pp . . .";