How can I make html columns expandable with touch events on a tablet (Android)?-CodePudding

I'm trying to make the columns of a page that consists of 6 columns to be expandable on tablet (Android). Is this possible?

CodePudding user response：

I think flexbox container should be enough to fulfill your needs.

#html

 <div >
    <div ></div>
    <div ></div>
    <div ></div>
    <div ></div>
    <div ></div>
    <div ></div>
</div>

#css

.row {
    width: 100%;
    height: 100vh;
    background-color: red;
    display: flex;
    justify-content: space-between;
}

.column {
    width: 15%;
    height: 100%;
    background-color: bisque;
}

CodePudding user response：

Are you talking about Collapse? The you can use Bootstrap Accordion https://getbootstrap.com/docs/5.0/components/accordion/