レスポンシブ対応

Coddyの「スライダー | フロントエンド・プロジェクト」コースのレッスン 21/23。

チャレンジ

簡単

1. wrapperクラス内のアイコンに対して、:active時にtransform: translateY(-50%) scale(0.85);を設定してください。

2. スライダーをこのようにレスポンシブにしてみてください。行き詰まった場合はヒントを確認してください。

自分で試してみよう

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

5JavaScript

3CSS I