.cuadros__container {
  width: 1150px;
  height: 600px;
  position: absolute;
  left: 176px;
  top: 120px;
  background: #525c63d8;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-flow: column wrap
}
.cuadros__container {
  width: 1150px;
  height: 600px;
  position: absolute;
  left: 176px;
  top: 120px;
  background: #525c63d8;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-flow: column wrap
}
Hola, Silene ,
Gracias por compartir tu experiencia con nosotros. Recuerda que estamos aquí para ayudarte. Si necesitas ayuda, no dudes en buscarnos en el foro.
¡Gracias nuevamente!
Saludos,
.cuadros__container {
**  display: flex;
  flex-wrap: wrap;**
  width: 1150px;
  height: 600px;
  position: absolute;
  left: 176px;
  top: 120px;
  background: #525c63d8;
  padding: 10px;
  border-radius: 10px;
}
cambios en el css ...... .cuadros__container { width: 1150px; height: 600px; position: absolute; left: 176px; top: 120px; background: #525c63d8; padding: 10px; border-radius: 10px; display: flex; flex-flow: row wrap } .html{ order=1; }
.angular{ order=2;} .react{ order=3;} .css{ order=4;} .tailwind{ order=5;} .js{ order=6;}
cambios en HTML
 
   
   
   
   
   
  