BodyとClass wrapper

Coddyの「イメージアコーディオン | フロントエンドプロジェクト」コースのレッスン 9/17。

チャレンジ

簡単

body タグを対象にします：

お好みの背景色を設定するか、以下を選択できます：

background: linear-gradient(135deg, rgb(255, 183, 183), rgb(255, 0, 76));

クラス ‘wrapper’ を対象にします：

width を 100% に、height を 100 vh に設定します。
display を Flex に設定します。
align-items と justify-content を center に設定します。

自分で試してみよう

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

イメージアコーディオン | フロントエンドプロジェクトのすべてのレッスン

1はじめに

4CSS II

2HTML

タイトルクラス container と input

3CSS I

BodyとClass wrapper プロジェクトレッスン

Class container

Class card

Class row