Hi. I took the demo-crowdfunding webpage and connected it to the database to display items. Works great on desktop but displays nothing on the iphone.
In my database, I expected for it (see code below) to repeat 4 times and this works fine on the desktop. When I look at the same page on the iphone, it's totally blank and doesn't display anything...not even once. BTW, if I don't use the i-products css, and instead use table format, the items display in the table successfully on the iphone.
Not sure what code you want me to provide to find error. Specifically, I am repeating the section that starts with:
<!-- Item 1 -->
<div class="col-lg-4 col-sm-6 mb-4">
<div class="i-products">
<div class="products-image">
[
Gadgets
](#)
</div>
<div class="products-desc">
<h3>[iDrone 2019](#)</h3>
<p>Holisticly conceptualize transparent niche markets whereas top-line web services. Monotonectally parallel task cross-unit platforms rather than.</p>
<div class="clear"></div>
<ul class="skills">
<li data-percent="73">
<span class="d-flex justify-content-between w-100">
<span class="counter"><span data-from="0" data-to="73" data-refresh-interval="10" data-speed="2000"></span>**%** Funded</span>
<span class="counter"><span data-from="0" data-to="20" data-refresh-interval="3" data-speed="1200"></span> Days Left</span>
</span>
<div class="progress"></div>
<div class="products-hoverlays">
<span class="products-location"><i class="icon-map-marker1"></i> Melbourne, Australia</span>
<ul class="list-group-flush my-3 mb-0">
<li class="list-group-item">**$12,32,000** Pledged
<li class="list-group-item">**123** Partcipants
<li class="list-group-item">**345** Contributions
<li class="list-group-item">**20** days remaining
<div class="product-user d-flex align-items-center mt-4">
[By Jackson Pot ](#)
</div>
</div>
</div>
</div>
</div>