Menu
CoddyTech
Mulai belajar

Responsivitas

Pelajaran 21 dari 23 dalam kursus Slider | Proyek Front-end di Coddy.

challenge icon

Tantangan

Mudah

1. Untuk ikon di class wrapper, atur transform: translateY(-50%) scale(0.85); pada :active.

2. Coba buat slider ini responsif, lihat petunjuk jika kamu kesulitan.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Slider | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4CSS II

class carouselPelajaran proyekDi dalam class carouselPelajaran proyekclass cardPelajaran proyekGambarPelajaran proyekJudulPelajaran proyekspanPelajaran proyekResponsivitasPelajaran proyek

2HTML

Judul dan CSS EksternalPembungkus dan IkonPelajaran proyekIkon Kiri dan KananPelajaran proyekKartu IPelajaran proyekKartu IIPelajaran proyekKartu IIIPelajaran proyekKartu IVPelajaran proyekKartu LainnyaPelajaran proyek

5JavaScript

Klik kananPelajaran proyekKlik kiriPelajaran proyek

3CSS I

Tag UniversalPelajaran proyekBodyPelajaran proyekClass WrapperPelajaran proyekIkon IPelajaran proyekIkon IIPelajaran proyek

Latihan sendiri: Playground Web