Cards layout change for tablet?

1

I have eight cards which, on a smartphone, look fine one below the other - but, I’m wondering if cards can be laid out in a grid for better use of screen estate on a tablet?
Ideas/suggestion appreciated…

2

image
image745×589 23 KB

just an example,

        <div class="row">
          <div class="col-33">
            <div class="card">
              <div class="card-header">Card header</div>
              <div class="card-content card-content-padding">
                Card with header and footer. Card headers are used to display
                card titles and footers for additional information or just for
                custom actions.
              </div>
              <div class="card-footer">Card Footer</div>
            </div>
          </div>
        </div>
      </div>

you can use grids to achieve what you want

https://framework7.io/docs/grid.html

1 Like
3

Thanks - yoru solution appreciated…