1.




2.

3.
編集点:
CSSで背景色、フォント変更
LINEのロゴを差し替え

1.
編集点:
CSSで
width: 100%;
/* 背景画像と同じ横幅 */
height: 100%;
/* 背景画像と同じ縦幅 */
object-fit: cover;
/* 縦横比を保ちながら背景に合わせる */
object-position: center;
/* 画像の中心を表示 */
に設定し、二枚の画像のズレを無くす
背景画像の上にのせる画像1
背景画像の上にのせる画像2
背景画像の上にのせる画像3
背景画像の上にのせる画像4
背景画像の上にのせる画像5
背景画像の上にのせる画像3
背景画像の上にのせる画像3
背景画像の上にのせる画像3

5.

6.
編集点:
余計な画像を削除
CSSで背景画像を背景色(#fff)に変更
背景画像の上にのせる画像1
背景画像の上にのせる画像2
背景画像の上にのせる画像3
背景画像の上にのせる画像4
背景画像の上にのせる画像5
背景画像の上にのせる画像3
背景画像の上にのせる画像3
背景画像の上にのせる画像3

7.
編集点:
CSSで右寄せを左寄せに(text-align: left;

※個人の感想です


8.
編集点:
余計な画像を削除
背景画像を背景色(#fff)に

背景画像の上にのせる画像1
背景画像の上にのせる画像2
背景画像の上にのせる画像3
背景画像の上にのせる画像4
背景画像の上にのせる画像5
背景画像の上にのせる画像3
背景画像の上にのせる画像3
背景画像の上にのせる画像3

9.
編集点:
CSSで背景色を変更


10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.
編集点:
CSSで背景色、フォント変更
LINEのロゴを差し替え


24.


25.
編集点:
余計な画像を削除
背景画像を背景色(#fff)に

背景画像の上にのせる画像1
背景画像の上にのせる画像2
背景画像の上にのせる画像3
背景画像の上にのせる画像4
背景画像の上にのせる画像5
背景画像の上にのせる画像3
背景画像の上にのせる画像3
背景画像の上にのせる画像3

26.

27.

28.

29.
編集点:
CSSで背景色、フォント変更
LINEのロゴを差し替え


30.
編集点:
CSSで見出し、コンテンツの背景色、文字色を変更
項目数を設問に合わせて減らす

見出しタイトルもしくは 画像
Q 見出しのテキスト Qは画像でもOKです
A コンテンツのテキストです Aは画像でもOKです この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
Q 見出しのテキスト Qは画像でもOKです
A コンテンツのテキストです Aは画像でもOKです この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
Q 見出しのテキスト① Qは画像でもOKです
A コンテンツのテキストです Aは画像でもOKです この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
Q 見出しのテキスト Qは画像でもOKです
A コンテンツのテキストです Aは画像でもOKです この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
Q 見出しのテキスト Qは画像でもOKです
A コンテンツのテキストです Aは画像でもOKです この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

31.

32.
編集点:
CSSで背景色、フォント変更
LINEのロゴを差し替え

編集点
フォーム作成、挿入
(※こちらはWidgetではなくSquad Beyondのフォーム機能になります)

33.
編集点:
CSSで背景色を変更

34.

35.
編集点:
CSSに
border-radious: ◯◯px
left: ◯◯px
で位置と形を修正