You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I can see the slider being created in the DOM only when screen size goes below about a 750px breakpoint.
Above this level, the .a11y-slider is not being created and is being removed if it is present in the DOM.
This is my implementation:
HTML:
<section class="carousel | padding-block-900 text-center">
<h2 class="fs-secondary-heading fw-bold">What they've said</h2>
<!--Carousel here-->
<ul class="slider">
<li>
<img src="images/avatar-anisha.png" alt="">
<div class="slider-content | flow" style="--flow-spacer: 1rem">
<h3 class="fw-bold">Anisha Li</h3>
<p data-width="wide">"Manage has supercharged our team's workflow. The ability to maintain visiblity on larger milestones at all times keeps everyone motivated."</p>
</div>
</li>
<li>
<img src="images/avatar-ali.png" alt="">
<div class="slider-content | flow" style="--flow-spacer: 1rem">
<h3 class="fw-bold">Ali Bravo</h3>
<p data-width="wide">"We have been able to cancel so many other subscriptions since using Manage. There is no more cross-channel confusion and everyone is much more focused."</p>
</div>
</li>
<li>
<img src="images/avatar-richard.png" alt="">
<div class="slider-content | flow" style="--flow-spacer: 1rem">
<h3 class="fw-bold">Richard Watts</h3>
<p data-width="wide">"Manage allows us to provide structure and process. It keeps us organized and focused. I can't stop recommending them to everyone I talk to!"</p>
</div>
</li>
<li>
<img src="images/avatar-shanai.png" alt="">
<div class="slider-content | flow" style="--flow-spacer: 1rem">
<h3 class="fw-bold">Shanai Gough</h3>
<p data-width="wide">"Their software allows us to track, manage, and collaborate on our projects from anywhere. It keeps the whole team in sync without being intrusive."</p>
</div>
</li>
</ul>
<button class="button">Get Started</button>
</section>
I can see the slider being created in the DOM only when screen size goes below about a 750px breakpoint.
Above this level, the .a11y-slider is not being created and is being removed if it is present in the DOM.
This is my implementation:
HTML:
Javascript:
CSS:
The text was updated successfully, but these errors were encountered: