Home>

...
.fc {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: row;
}
.lesson {
  width: 25%;
}
.lesson-icon {
  position: relative;
  height: 200px;
}
...
...
         <div>
          <div>
           <div>
             <img src = "..." alt = "" />
           </div>
         </div>
         <div>
          <div>
            <img src = "..." alt = "" /></div>
         </div>
         <div>
           <div>
             <img src = "..." alt = "" /></div>
         </div>
         <div>
           <div>
             <img src = "..." alt = "" /></div>
         </div>
...

Even if flex is specified like an image
No-wrap does not work and wraparound occurs,
The row display by flex-direction: row;is also not effective.

Professor please.