HTML

css flex overflow scroll

<!--Please give a thumbs up if this was helpfull-->

/*HTML*/
<div class="content">
    <div class="box">
        <div class="column">Column 1</div>
        <div class="column">Column 2</div>
        <div class="column">Column 3</div>
    </div>
</div>

/*CSS*/
.content {
    flex: 1;
    display: flex;
    overflow: auto;
}

.box {
    display: flex;
    min-height: min-content; /* needs vendor prefixes */
}

make flex scroll on overflow horizontal

<div class="flex overflow-x-auto gap-8 w-[320px] md:w-full">Contents</div>

<!-- Make sure you have given the div a width -->