【Widget名】

自動応答チャット形式アンケート（選択肢をクリックして次の設問表示）※要javascript

【カテゴリー】

アンケート

【設置例】

https://sb-draft-preview.squadbeyond.com/articles/cxZnPHY_yBQktfbFeSeg/draft?token=4eaeacec0c68f72e0aa4fa3c0b53690f

現在組み込まれているウィジェットを調整する場合は、以下のようにSCCを修正してください。

＜CSS＞

@media screen and (max-width: 600px) {
    .auto-chats {
        font-size: 3vw;
    }
    /* 以下追加 */
    .auto-chats-wrap {
        padding: .25em;
    }
    .auto-chats-item .message {
        grid-template-columns: 6.0em auto;
    }
    .auto-chats-item .baloon,
    .auto-chats-item .answer {
        width: 100%;
        font-size: 1.25em;
        line-height: 2;

    }
    /* 以下削除 */
  .auto-chats-item .baloon,
  .auto-chats-item .answer {
    width: 75%;
  }
}