Can't get the columns to line up.

Hey mikkijack,

You can try this code:

.page-id-4668 #av-layout-grid-1 .flex_cell:first-child,
.page-id-4668 #av-layout-grid-1 .flex_cell:last-child  { width: 30.5%; padding:0px 15px 15px 15px !important; }
.page-id-4668 #av-layout-grid-1 .flex_cell:nth-child(2) { width: 39%; padding:0px !important;}

.page-id-4668 #av-layout-grid-1 .flex_cell .avia-image-container {
   padding:0px !important;
 }

Please keep in mind that the widths and heights change as they adapt to the screen that contains them. The above code works for most laptop screens, but if you want it to appear exactly as you want them, you’ll have to create different values for different screens using media queries. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

You can also use fixed pixel values for the widths instead of percentages. Please feel free to adjust the values to fit your preference.

Best regards,
Sarah