複雑なレイアウト
Coddyの「HTML/CSS チャレンジ - パック III」コースのレッスン 2/5。
チャレンジ
簡単ガイドライン:
- 7つの div 要素
- 緑色
- フレックスボックス(flex box)のみを使用
gapのみを使用した間隔設定flexのみを使用したレイアウトサイズ設定
画像:

自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>