How can I apply class like medium-only in my card?

I have a screen of a product selector screen, and I would like to find out how can i
achieve of hiding when in a smaller device, like “medium-only” class, which
i applied but no result,


i am using the following in my HTML template,

and can see that the class is “col”, what can i do to hide the 2 columns?
40.00 and 200.00 column?

Use CSS media queries to hide/show elements, e.g.:

<div class="tablet-only">...</div>
.tablet-only {
    display: none;
@media (min-width: 768px) {
  .tablet-only {
    display: block;
1 Like