アイコンのクラス

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

チャレンジ

簡単

ターゲットクラス 'icon':

height を 30 ピクセルに設定します。
display を Flex に設定します。
justify-content を center に設定します。
align-items を center に設定します。
margin を 15px に設定します。

自分で試してみよう

<!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