Advice for paragraph and photo content on websites

A clean way to handle this is to treat each article section as a content block with text and image wrapped together, then control the flow by changing the flex direction at smaller breakpoints.
For better image placement, set consistent aspect ratios, use object-fit: cover, and avoid hard-coded heights unless they are necessary for the design.
You can also use CSS Grid for sections where the image needs to lock into a specific visual position while the paragraph content stays readable.
I’ve found that studying content-heavy layouts through tools like a DPI analyzer can also help you judge image clarity and visual balance across different screen sizes.
Focus first on readability and spacing, because when the text rhythm feels right, the images usually start fitting more naturally too.

Hello ​@patricia_2416 ,

What you describe actually comes up quite often when building article-based layouts. The difficulty is less about responsiveness itself, and more about how images live inside the content flow.

When an article contains paragraphs and images that should stay visually connected, it usually helps to think of the page as a reading flow first, and only then as a layout problem.

A few common approaches can help.

One is to place images inside <figure> elements directly in the article flow. The text then wraps naturally around them or continues below them, depending on the layout rules you define.

Another approach is to use CSS Grid for the article container. Grid can make it easier to control where images sit relative to the text as the screen becomes smaller. Flexbox is great for small UI components, but for editorial layouts Grid often gives you more predictable control.

It also helps to keep images flexible by using something like:
 

img {
  max-width: 100%;
  height: auto;
}

That way they scale naturally with the container.

In many cases the key is not to force images into fixed "positions", but to let them move with the reading structure of the article as the screen changes.

If you’d like, feel free to share a small snippet of the HTML/CSS you have so far. It’s usually easier to suggest something specific once we see the structure you’re working with.