# Carousel resize

**URL:** <https://forum.pinegrow.com/t/carousel-resize/5443>\
**Category:** Questions\
**Tags:** css\
**Created:** [July 8, 2021, 4:04am UTC](https://forum.pinegrow.com/t/carousel-resize/5443 "2021-07-08T04:04:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![HerrscherOfReason](https://avatars.discourse-cdn.com/v4/letter/h/a8b319/32.png) [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)\
**Post date:** [July 8, 2021, 4:04am UTC](https://forum.pinegrow.com/t/carousel-resize/5443/1 "2021-07-08T04:04:53Z")

</div>

I have an problem with carousel with bootstrap 5 , when i add an image the carousel height seems to change like as it was increasing the padding bottom or margin idkw , even arrows change their location.  
here´s the video in the link below

> **[8.16 MB file on MEGA](https://mega.nz/file/MtQnQA6B#k_X-FvOBWBYGUTqaxfXPSGIOIf34ugIrGUQVal-6X5M)**

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [July 8, 2021, 9:51am UTC](https://forum.pinegrow.com/t/carousel-resize/5443/2 "2021-07-08T09:51:33Z")

</div>

Hi @HerrscherOfReason,  
Sorry to hear about the problem you are having. It is because Bootstrap doesn’t resize images added to the carousel. So, with different size images the container and controls are going to adapt and change size/position. From the website:

> Carousels don’t automatically normalize slide dimensions. As such, you may need to use additional utilities or custom styles to appropriately size content.  
> [Carousel · Bootstrap v5.0](https://getbootstrap.com/docs/5.0/components/carousel/#example)

Basically, I think the only way is to either give a set of fixed dimensions to your images or edit them to all be the same size. Maybe someone else in the group with more Bootstrap experience will have a better idea.  
Cheers,  
Bob
