Komme in meinem Tutorial einfach nicht weiter. Bitte um Hilfe

Schaffe es einfach nicht, zwei Dreiergruppen zu konstruieren. Entweder zerschieße ich das Ganze oder es geht irgendwie als 4. Feld darunter weiter. https://jsfiddle.net/eddodtjn/ Hoffe ich habe es einigermaßen verständlich erklärt.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<link rel="stylesheet" href="/css_webseite/solid.css">
<link rel="stylesheet" href="/css_webseite/awesome.css">
<style>
body{
display:flex;
flex-direction:column;
}
#reihe{
margin-left:20%;
display:flex;
flex-direction:row;
width:100%;
}
.container{
width:33%;
display:flex;
}
.container div{
flex:4;
}
.container i{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: center;
flex:1;
}
i{
font-size:30px;
}
</style>
</head>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX