HTML Контент не отображается, несмотря на то что отображается в источнике html

Question

У меня есть php файл с именем randompage. php, который будет отображать все ноутбуки в зависимости от выбора пользователя на боковой панели. Если пользователь выберет Microsoft, появятся все ноутбуки Microsoft. Я думаю, что это может иметь отношение к CSS, но я не уверен.

случайная страница. php

<section class="products bg-light">

<section class="display_product row">

</section>

<section class="product_filter">
<section class="sidebar-box-2">

 <h2 class="heading mb-8">Brand</h2>
 <section class="product-filter-item checkbox">
 <label><input type="checkbox" class="common_selector brand" value="<?php
 echo sanitize($brand);?>"> <?php echo sanitize($brand);?></label>
 </section>

 </section>
 </section>
 </section>

fetch_data . php

if (
   $selectproductsstatement &&
   $selectproductsstatement->execute() &&
   $selectproductsstatement->store_result()&&
   $selectproductsstatement->bind_result($product_name,$brand,$processor,$os,$memory,$hard_disk,$battery,$weight,$price)
    ) {
    while ($selectproductsstatement->fetch()) {
    $output .= '<dl class="product col-sm-6 col-md-6 col-lg-4 ftco-animate">//Huge chunk of content';</dl>
           }
      }

else
{
    $output = 'No Data Found';
}
echo $output;

CSS:

section.products.bg-light {
    padding: 5%;
    padding-bottom: 15%;
    display: inherit;
}
section.display_product {
    width: 85%;
    float: right;
}

section.product_filter {
    width: 15%;
}

Данные записываются в section.display_product.row

Пустая страница:

Answer 1

ваши dl элементы используют этот класс .ftco-animate он устанавливает opactiy: 0; и visibility: hidden;

Это скрывает изображения и текст для ваших продуктов.

Удалить класс для показа вашей продукции.

.ftco-animate {
    opacity: 0;
    visibility: hidden;
}