left floated image with sourronding divs
I hope my question is not (too) silly. 🙂
I would like to create a product page with an image and several divs with infos. The picture on the left side and the divs on the right until they have enough space. If the space runs out, the remaining divs go under the image (and the other divs in the second column). So 2 columns. Image in the first. Divs in the second. Remaining divs under the 2 columns in one column. I need the whole thing to be dynamic. So I don't know how many divs i will have and how much content they have. Can I do this?
4 Replies
something like this? https://codepen.io/jochemm/pen/WNqrPoq
Hi. thx. yes, but with block elements.
Did a solution with grid and auto-fill. Set the first child to span 2 rows.
https://codepen.io/peter-warholm/pen/poXgBwQ
ooh thank you very much. I investigate it. 🙂