Why does horizontal scroll appear after applying Animate.css in bootstrap?

Question

css

After using the animate__fadeInLeft and animate__fadeInRight properties in the grid, a horizontal scroll appears. How to deal with it?

Part of the code

<section class="py-5 card animate__animated animate__fadeInDown wow">
        <div class="container">
        <div class="row g-5 service">

Answer 1

in principle, any thing that goes beyond the right border of the page will create this scroll.
rule according to the situation. if you can refuse animate__fadeInRight - refuse. you can also put overflow: hidden on the parent block