🔒 Need help to add slider animation using slick | Python | Page 1

dry root Aug 10, 2024, 10:07 PM

#

<section id="about" class="about section">
  <div class="container" data-aos="fade-up">
    <div class="center row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 justify-content-center">

      {% for ai_tool in ai_tools %}
      <div class="col mb-4">
        <div class="content text-center py-3 d-flex flex-column h-100">
          <div class="testimonial-item">
            <div class="stars mb-2">
              {% for i in 5|get_range %}
                <i class="bi {{ ai_tool.avg_rating|star_status:i }} text-warning"></i>
              {% endfor %} ({{ ai_tool.total_votes }})
            </div>
          </div>

          <a href="{% url 'tool_details' ai_tool.ai_tool %}"><img src="{% static ai_tool.logo %}" class="img-fluid mb-2" alt=""></a>
          <h3>{{ ai_tool.category }}</h3>
          <a href="{% url 'tool_details' ai_tool.ai_tool %}"><h2>{{ ai_tool.ai_tool }}</h2></a>
          <p>{{ ai_tool.description }}</p>
          <div class="mt-auto">
            <a href="{{ ai_tool.website_url }}" target="_blank" class="btn-read-more d-inline-flex align-items-center justify-content-center">
              <span>Visit Site</span>
              <i class="bi bi-arrow-right"></i>
            </a>
          </div>
        </div>
      </div>
      {% endfor %}

    </div>
  </div>
</section>```

```js

$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});

because of this code my ui is reuined

polar galleonBOT Aug 10, 2024, 10:07 PM

#

dry root ```html <section id="about" class="about section"> <div class="container" data...

#

@dry root

Python help channel opened

Remember to:

Ask your Python question, not if you can ask or if there's an expert who can help.
Show a code sample as text (rather than a screenshot) and the error message, if you've got one.
Explain what you expect to happen and what actually happens.

:warning: Do not pip install anything that isn't related to your question, especially if asked to over DMs.

native bone Aug 10, 2024, 10:12 PM

#

Are you sure this is the correct server to ask this question?

dry root Aug 10, 2024, 10:14 PM

#

native bone Are you sure this is the correct server to ask this question?

Its actually a django app, and im using server side rendering so hence the problem is occurring

merry yarrow Aug 10, 2024, 10:28 PM

#

i think they meant more that ur asking about a django app in a python server

polar galleonBOT Aug 10, 2024, 11:28 PM

#

Python help channel closed

This help channel has been closed and it's no longer possible to send messages here. If your question wasn't answered, feel free to create a new post in #1035199133436354600. To maximize your chances of getting a response, check out this guide on asking good questions.

#🔒 Need help to add slider animation using slick