Mengorientiedkan kasus

Analogy in real life
My mine
* {
margin : 0;
padding : 0;
box-sizing : border-box;
text-direction : none;
list-style : none;
font-family : "Roboto", sans-serif;
}

.flex {
display : flex;
align-items : center;
justify-content : center;
}
body {
background-color : alyceblue;
}
.container {
width : 100%;
height : 100%;
}
header {
width : 100%;
padding : 25px;
justify-content : space-araund !important;
}
header-flex logo {
width : 50px;
height : 50px;
}