Как я могу показать два продукта на мобильном рынке?

Question

Я хочу показать два продукта в мобильном представлении. Я пытался использовать ответы, полученные из предыдущих ответов на этот вопрос, но они не работают

@media all and (max-width: 500px) and (min-height: 400px) {
  .slick-dots{
    display: block  !important;
}
      .products li {
 width: 50%;
    float: left;
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
  }
}