que hace el <code>display: flow-root;</code> ?

Muchas gracias Estefany !! :D habian unas propiedades como display: flow-root , clear y float que nunca las habia utilizado ,pero estan interesantes lo que hacen.

Me ayudo bastante , Gracias !

Hola Juan ! Te comparto este ejemplo con explicación para que puedas interactuar y quedar mucho más claro con este tema 🥰https://codepen.io/rachelandrew/pen/RKgevX

Ush que estraño no sabria en que usarlo jajaja , pero es bueno saberlo !! muchas gracias :D

Hola, Juan :)

El elemento genera un cuadro de elemento de bloque que establece un nuevo contexto de formato de bloque.

https://developer.mozilla.org/es/docs/Web/CSS/display

Define un nuevo contexto de bloque, eso quiere decir que los elementos dentro de este pueden ordenarse de forma independiente al resto de los elementos en la página porque están en un contexto diferete.