HTML5를 사용하여 Flexbox에서 요소 간의 알 수 없는 간격을 해결합니다.

Flexbox의 요소 사이에 알 수 없는 간격이 있는 것은 헤더의 여백이 막대 부분으로 축소되기 때문입니다. 이 문제를 해결하려면 -

• 머리글의 경우 여백이 0으로 재설정되거나 테두리가 막대에 추가됩니다.
• 바에 padding:10px 속성을 추가하여 bar에 패딩을 할 수 있습니다.

알 수 없는 간격 문제를 해결하려면 다음 코드 스니펫을 시도하십시오. -

.bar {
   background: yellow;
   color: gray;
   height: 250px;
   padding: 10px;
   text-align: center;
}