Lesson 12 level 2-4

Level 2

kalian akan diperlihatkan sebauh kodingan yg kurang,tambahkan kode ini di HTML

<div class=”container”> serta diakhir dengan </div>

Level 3

dilevel 3 di sini kita d perintahkan untuk menambahkan properti justify conten ke setiap 6 kontainer div di CSS.

Yang dari awalnya seperti ini

Menjadi seperti ini

Yaaa sedikit susah tetapi tidak terlalu susah,jika ingin menyelesaikannya ikuti seperti berikut

  .container-1 justify-content:center 
  .container-2 justify-content:space-around
  .container-3 justify-content:space-between
  .container-4 justify-content:space-evenly;
  .container-5 justify-content:flex-end;
  .container-6 Tidak ada

Level 4

Lalu lanjut ke level ke4,sama seperti level ke3 perintah nya dan harus sesuai jika ingin sesuai ikuti seperti berikut

  .container-1 align-items:flex-start
  .container-2 align-items:flex-end
  .container-3 align-items:center;
  .container-4 align-items:baseline;
  .container-5 align-items:stretch;

oke,terima kasih semoga bermanfaat