accordian tile line up

The page is built with the PageBuilder BeaverBuilder. This is also responsible for the arrangement of content in the frontend. I would recommend that you contact their support forum with your request: https://www.ads-software.com/support/plugin/beaver-builder-lite-version/

Unfortunately this is a common problem with aligning items using float in CSS. Each door is in a div called cabinet-panels. I would wrap these all inside one div and make use of flex-box instead. For example:

<div class="cabinet-wrapper">
    <div class="cabinet-panels">Your content</div>
    <div class="cabinet-panels">Your content</div>
    <div class="cabinet-panels">Your content</div>
</div>

Then in your CSS, remove the float property completely.

.cabinet-panels {
    float: left;
}

Then add this code instead:

.cabinet-wrapper {
    display: flex;
    flex-wrap: wrap;
}

// If you wish to have a specific width on your cabinet panels you can add this in too

.cabinet-panels {
    width: 25%;
}