66%
34%
Top Block
31.68rem
Bottom Block
16.32rem
66vw
34wv
Meta
sectionWrap: 48rem,
sectionRatio: 0.66,
sectionWrapLeft: 31.68rem,
sectionWrapRight: 16.32rem,
sectionWrapDiff: 15.36rem,

:root {
    --max-w-page: 48rem;
    --space-page: 32px;
}
Section Split HTML
<section
    class="Section"
    style="--section-ratio: 0.66"
>
    <div class="Section__column py-8 bg-blue">

        <div class="Section__block px-page">
            <div class="Section__wrap md:px-page">
                <!-- CONTENT -->
            </div>
        </div>

    </div>
    <div class="Section__column py-8">

        <div class="Section__block px-page">
            <div class="Section__wrap md:px-page">
                <!-- CONTENT -->
            </div>
        </div>

    </div>
</section>
Section Full HTML
<section class="Section">
    <div class="Section__wrap">

        <div style="width: 66%">
            <!-- CONTENT -->
        <div/>

        <div style="width: 34%">
            <!-- CONTENT -->
        <div/>

    </div>
</section>

This is a normal section

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit asperiores sit assumenda? Sed, impedit facere velit quis laboriosam odio temporibus tenetur a omnis nam, expedita possimus consectetur dicta. Corrupti, dicta!