Penjelasan Display Flex pada CSS

Flex dalam CSS berfungsi untuk mengatur letak antara margin kiri dan kanan agar rata atau sama besarnya. dengan flex margin dapat di atur secara automatis. ketika kita membuat widget bertumpuk dan banyak, kita akan kesulitan mengatur batas kiri dan kanan, dengan flex akan diatur secara automatis dan praktis. contoh dibawah, flex digunakan untuk membuat widget menu. 
.topnav .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}