When I have a large section of text on a page and the screen is wider, I use media queries to create columns for the text. However, when I implement this, some of the images end up splitting between two columns instead of fully fitting into one column as expected.
This issue also occurs with divs. If I switch the order of the image and the white feature div, the same problem persists. Here's an example from my code:
column-count
property in CSS, adapting the text manually into separate Bootstrap columns becomes challenging due to the splitting issue with images. Is there a workaround for this problem?