bodyのスタイル

Coddyの「DOMプロジェクト：電卓」コースのレッスン 4/14。

ここではbodyタグのスタイルを設定しています！

チャレンジ

簡単

display を flex に設定します。
justify-content を center に、align-items を center に設定します。
height を 100vh に設定します。
お好みの背景色を追加します。
お好みのフォントを選択します。

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

DOMプロジェクト：電卓のすべてのレッスン

1はじめに

4動作させる

2フロントエンド I

bodyのスタイル

3フロントエンド II