クイズ

ブロックテーマに関するクイズ

テーマは、twentynineteen ~ twentytwentytwo

幅、800pxのボックスをdiv要素で作成し、1px の枠線を表示　子要素にh2要素でhello world と記述してください。

別な言い方をするとブロックのコンテンツ幅より広いボックスを作成し1px の枠線を表示、その中に何かテキストを表示しなさい。

この問題に対して、カスタムHTMLブロックで以下のように記述してみます

タイプ1

<div style="width:800px;border:1px solid">
    <h2 class="centered">hello world</h2>
</div>

タイプ2

<div style="width:800px;border:1px solid;max-width:100%">
    <h2 class="centered">hello world</h2>
</div>

タイプ3

グループブロックを作成し、右サイドバーで、「layout/コンテ,,,」を800pxにセット

「寸法/枠線」で枠線をセット

テーマ	タイプ1	タイプ2	タイプ3
twenty twenty two	x	o	x
twenty twenty one	x	o	x
twenty twenty	x	o	x
emulsion	o	o	o
blockbase	x	o	x
extendable	x	o	x
intrace	o	o	o