@dopeboy thank you so much for your fast reply, and thanks for helping
i tried doing this solution
.image-container { display: grid; grid-placement: baseline; }
and it actually did work, but only for the desktop version, but for the mobile version, when the columns split and wrap, i face the exact same issue i had in the desktop version, i can manipulate the picture to move right and left, but not up and down, and when i write “top:..%” no move, and for the “bottom:..%” the image stucks at top, without any changement
i tried the other solution
.image-container { display: grid; grid-template-rows: 1fr auto; /* Divide container into two rows */ } .your-image { grid-row-start: 1; /* Image starts in the first row */ /* Adjust grid-row-end for further positioning */ }
but i haven’t been really able to implement it even tho i did exactly as you told with changing the classes names, seems like i still need help
-
This reply was modified 8 months, 4 weeks ago by alaasaid.
