Penjelasan property pada CSS - 31 maret 2021

NAMA-NAMA PROPERTY DAN VALUE BESERTA FUNGSINYA :

HASIL LATIHAN 31 MARET 2021

1. justify-content: flex-end;

memiliki fungsi mengatur letak suatu element yang menggunakan property dispay flex. flex-end sendiri berarti rata kanan, dan untuk rata kiri yaitu flex-start.

2. display: flex;

memiliki fungsi untuk tampilan yang flexsibel. Jadi posisi element bisa menyesuaikan ukuran layar. Dan kita bisa mengatur untuk lipatan ketika layar mengecil menggunakan property flex: .... (wrap,nowrap,nowrap)

3.display: inline-block;

memiliki fungsi untuk mengubah display suatu element dimana element itu tidak menggunakan block contohnya seperti list, img.

Untuk mengatur lebar suatu konten website kita jangan mengaturnya pada body

body{

max-width: 1080px;

margin: 20px auto;

}

Tapi kita buat dulu class dimana class itu sebagai container atau meliput semua class pada website

.badan-utama{

max-width: 1080px;

margin: 20px auto;

}

Latihan membuat navbar secara mandiri, tapi tetap mencari tag yang sesuai.

Dan dibawah ini adalah kode latihan pada malam ini

<!DOCTYPE html>

<html>

<head>

<title>Latihan</title>

</head>

margin: 0;

padding: 0

}

body{

}

.badan-utama{

max-width: 1080px;

margin: 20px auto;

}

.navbar{

display: flex;

flex-wrap: wrap;

background-color: #9B59B6;

color: white;

padding: 15px 35px 15px 35px;

justify-content: flex-end;

}

.title{

margin-right: auto;

}

.list ul{

list-style: none;

}

.list ul li{

color: white;

text-decoration: none;

display: inline-block;

}

.list ul li a{

color: white;

}

</style>

<body>

<h2>Navbar</h2>

</div>

<ul>

</ul>

</div>

</nav>

<p>Lorem ipsum donor smit</p>

</content>

</div>

</body>

</html>

Kita akhiri latihan ini dengan membaca ALHAMDULILLAH:) Jangan lupa sebelum tidur baca ayat kursi

Note : ini adalah artikel pribadi, dan menggunakan bahasa yang sederhana dari penulis. Untuk kalian yang mebaca artikel ini secara tidak sengaja dan kesulitan dalam memahami, saya mohon maaf karena ini catatan latihan pribadi saya.