<div class="rowContainer">
    @ChildContent
</div>

<style>
    .rowContainer {
        display: flex;
        flex-direction: row;
        gap: 30px;
        width: 100%;
        flex-wrap: wrap;
    }

    @@media only screen and (max-width: 1025px) {
        .rowContainer {
            gap: 3px;
            flex-direction: column;
        }
    }
</style>

@code {

    [Parameter]
    public RenderFragment? ChildContent { get; set; }

}