# 同じ行にある2つの要素が、ページが狭くなることにより改行されるとき、行の間隔（2つの要素の上下の間隔......

**URL:** <https://www.nocode-faq.com/t/topic/347>\
**Category:** bubble\
**Created:** [2021 年 2 月 2 日午前 8:43 UTC](https://www.nocode-faq.com/t/topic/347 "2021-02-02T08:43:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 8:43 UTC](https://www.nocode-faq.com/t/topic/347/1 "2021-02-02T08:43:34Z")

</div>

同じ行にある2つの要素が、ページが狭くなることにより改行されるとき、行の間隔（2つの要素の上下の間隔）はどのように決まりますか？  
また、この間隔をカスタマイズする方法はありますか？

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 8:43 UTC](https://www.nocode-faq.com/t/topic/347/2 "2021-02-02T08:43:35Z")

</div>

BubbleのResponsiveで厳密に求めすぎると沼にはまってしまうことが多いです。  
ので、別途スマホ幅にして（ページサイズを350px辺りにする）作るほうが良いかもしれません。  
画像のように「mobile version」で作ったページを指定しておくとスマホで見るときに優先して表示されます。

## 参考画像

![image (52).png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/e455f53b29d3b4b88bf8d59f19ab5cc730999135.png)