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

Viewed 27

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

2 Answers

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

#html

 <div class="row">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></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;
}
Related