What is the best way to create an asymmetrical two-column grid with dynamic content?
问题 I have dynamic content flowing into a two-column grid. Flex box is a nice solution, but it forces the rows to be the same height, creating some awkward white space when one has more content. Does anyone know of a lightweight solution that can achieve what is hopefully clearly communicated in the below image? Code for my current solution: .grid-container { display:flex; flex-wrap: wrap; justify-content:space-between; height:auto; height:700px; overflow-y:scroll; } .contained-cell{ width:48.5%;