The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Tiled layout alignment – flexbox? Reply To: Tiled layout alignment – flexbox?


As a bit of an aside and not to spam the forum with a new thread!

I have a similar bit of HTML which has an full-bleed inline image in done column (div) and vertically/horizontally centred text in the other column. The markup looks like this:

Title etc etc

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

</div> </div>

The layout works pretty well but I noticed when I reduce the width of my screen, if the content in the right column becomes larger the full-bleed image has gaps around it. Is there a way to make sure the image always fills the space while keeping the aspect ratio? So maybe it just crops?

EDIT No idea why my code is formating this way, all seems ok?!