Why the blocks are in a row at 100%?

Hello!
How to make two blocks occupy their parent's 100% without the transfers?
https://jsfiddle.net/b46fn9yp/1/
June 5th 19 at 22:00
4 answers
June 5th 19 at 22:02
Solution
css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...
.about-me-left {
 font-size: 0;
width:60%;
height:100%;
background-color:lime;
 display: inline-block;
}
.about-me-right {
 font-size: 0;
width:40%;
height:100%;
background-color:blue;
 display: inline-block;
}
June 5th 19 at 22:04
Solution
.about-me-left {
float:left;
}
June 5th 19 at 22:06
Solution
and what has changed? ) - Ewell commented on June 5th 19 at 22:09
Sorry, save the changes forgotten. Corrected the answer :) - nikolas.Stark55 commented on June 5th 19 at 22:12
June 5th 19 at 22:08
Solution
set the parent

.about-me {
 display: flex;
}


Do not use the float - this is the last century

Find more questions by tags CSS