Perbedaan align-items: flex-start; dengan align-items: baseline;

<div>Kita bahas satu satu&nbsp;<br><br></div><pre><strong>1. Align-items: flex-start;</strong></pre><div><br></div><div>align-items fungsi nya mengatur element pada cross axis&nbsp;<br>sedangkan<br>flex-start adalah value yang megatur agar element berapa di paling atas maksudnya apa jika kamu membuat container dan di dalam container tsb terdapat beberapa box dan ukuran container tsb memiliki lebih sehingga ada ruang di antara box dan container cara mengechecknya gimana?<br>coba kamu buat jadi flex-end maka box nya akan ke bawah dan coba ganti lagi ke flex-start maka akan ke atas memang flex-start kalau di pakai jarang terlihat perubahannya karena elementnya ada di atas<br><br></div><pre>2. Align-items: baseline;</pre><div>&nbsp; &nbsp; &nbsp;Value baseline itu mensejajarkan semua teks yang ada di box. caranya gimana<br>baseline itu mensejajarkan bagian bawah teks di dalam box 1 dan box yang lainnya sehingga jika ada tulisan di dalam box walaupun box width dan height nya berbeda<br>dan anda menggunakan baseline ini maka yang akan di sejajarkan adalah bawah teksnya bukan tinggi atau lebar dari box nya<br><br>Kesimpulan&nbsp;<br>1. Flex-start membuat semua box di dalam container nya ada di atas atau start<br>2. Baseline itu mengatur rata teks nya bukan box nya walaupun ukurannya box nya berbeda yang di atur hanyalah rata teks yang ada di dalam masing masing box<br><br><br>Terimakasih, dan jika ada yang salah mohon di koreksi<br><br>Referensi</div><div><a href="https://css-tricks.com/almanac/properties/a/align-items/">https://css-tricks.com/almanac/properties/a/align-items/</a></div><div><br></div>