/* Alternative grid implementation using table structure to ensure adjacent cells are all the same size. Unlike other grid implementations, you cannot have a row with cell-widths extending past it, and expect those to wrap. They won't - because we're not using "float", but rather "display: table", one row means exactly that - one visual row. */ /* Created on : 11-Dec-2017, 10:12:16 AM Author : ncrause */ .asterion-altgrid .asterion-row { display: table; border-collapse: collapse; margin-left: -15px; margin-right: -15px; box-sizing: border-box !important; position: relative; } .asterion-altgrid .asterion-column { display: table-cell; padding-left: 15px; padding-right: 15px; vertical-align: top; min-width: 320px; box-sizing: border-box !important; position: relative; } .asterion-altgrid .asterion-column.asterion-10 { width: 10%; } .asterion-altgrid .asterion-column.asterion-20 { width: 20%; } .asterion-altgrid .asterion-column.asterion-30 { width: 30%; } .asterion-altgrid .asterion-column.asterion-40 { width: 40%; } .asterion-altgrid .asterion-column.asterion-50 { width: 50%; } .asterion-altgrid .asterion-column.asterion-60 { width: 60%; } .asterion-altgrid .asterion-column.asterion-70 { width: 70%; } .asterion-altgrid .asterion-column.asterion-80 { width: 80%; } .asterion-altgrid .asterion-column.asterion-90 { width: 90%; }