England Flag tutorial

This is what goes on HTML:

    
    <div class="englandContainer">
      <div style="width: 45%; height: 100%">
        <div class="white_section"></div>
        <div class="red_cross"></div>
        <div class="white_section"></div>
      </div>
      <div
        alt="horizontal-cross"
        style="width: 10%; height: 100%; background-color: red"
      ></div>
      <div class="right">
        <div class="white_section"></div>
        <div class="red_cross"></div>
        <div class="white_section"></div>
      </div>
    </div>
    

This is what goes on CSS:

    .englandContainer {
  border: 1px solid black;
  margin: 1rem;
  display: flex;
  width: 225px;
  height: 150px;
}

.white_section {
  width: 100%;
  height: 45%;
}

.red_cross {
  width: 100%;
  height: 10%;
  background-color: red;
}

.right {
  width: 45%;
  height: 100%;
}