In the real world, you don't know how long the content will be. Writers will write what they need. Photos will be cropped to the shape that they should be. That's good. Make a system that allows this. You want it to be flexible and robust.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus.
Vivamus fermentum semper porta. Nunc diam velit, adipiscing ut tristique vitae, sagittis vel odio. Maecenas convallis ullamcorper ultricies. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, id fringilla sem nunc vel mi. Nam dictum, odio nec pretium volutpat, arcu ante placerat erat, non tristique elit urna et turpis.
By using real content, we can see the variation inherent in what this site might present. And we can design for those real world needs.
Doesn't that look yummy?
That's because floats are really crap at handling layout. We've been using a screwdriver as a hammer. It sort of works, but badly.
Finally we get some real hammers.
Grid, Flexbox, Alignment, Shapes.
Lorem ipsum dolor sit amet.
Always three lines of text, which fits exactly in the available space. Describing where you will go when you click.
Vivamus fermentum semper porta. Nunc diam velit, adipiscing ut tristique vitae, sagittis vel odio. Maecenas convallis ullamcorper ultricies. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, id fringilla sem nunc vel mi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris tindunt.