Hello I am very new to HTML and CSS and I am trying to do a website for just learning. I am using flexbox and I have got a problem. As you see below box widths are changing because of header lenght. How can I prevent from this?
.container-1 div {
border: 3px black solid;
padding: 120px;
margin-top: 50px;
}
.container-1 {
display: flex;
justify-content: space-between;
}
.box-1 {
margin-left: 80px;
}
.box-2 {}
.box-3 {
margin-right: 80px
}<div class="container-1"><div class="box-1"><h3>AAAAA</h3></div><div class="box-2"><h3>AA</h3></div><div class="box-3"><h3>AAAAAAAAAAAAAAAA</h3></div></div>