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>
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1234842990195904612/azerty.jpg)
5 Replies
now I get this
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1234843108865216594/88.jpg)
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1234843109247160392/44.jpg)
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 . . .";