# How to adjust behavior of certain component/section in different breakpoints

**URL:** <https://forum.pinegrow.com/t/how-to-adjust-behavior-of-certain-component-section-in-different-breakpoints/1923>\
**Category:** Beginners\
**Created:** [May 28, 2018, 1:40am UTC](https://forum.pinegrow.com/t/how-to-adjust-behavior-of-certain-component-section-in-different-breakpoints/1923 "2018-05-28T01:40:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kenji101](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@kenji101](https://forum.pinegrow.com/u/kenji101)\
**Post date:** [May 28, 2018, 1:40am UTC](https://forum.pinegrow.com/t/how-to-adjust-behavior-of-certain-component-section-in-different-breakpoints/1923/1 "2018-05-28T01:40:45Z")

</div>

Hello,

How do I adjust certain item to on different style on different breakpoints, image column in m.breakpoint to be 200x and center, and on s.breakpoint to be left indented?

cause when i use default section, column, etc. it auto adjust components.

---

<div class="post-metadata">

**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\
**Post date:** [May 28, 2018, 5:51pm UTC](https://forum.pinegrow.com/t/how-to-adjust-behavior-of-certain-component-section-in-different-breakpoints/1923/2 "2018-05-28T17:51:35Z")

</div>

It kind of depends on which framework you’re using. In Bootstrap 4, for example, there is a good video explaining how to do the things you’re describing with Flexbox.

https://www.youtube.com/embed/8C2YmT8cq7g?feature=oembed&wmode=opaque&list=PLNHKFtMjaNvFG6HRlKSHJTzw2dlZgXRbn