Uso de Invertir

En Quickly, te ofrecemos Reverse, una clase diseñada para organizar tus elementos de manera flexible y precisa. Nuestras clases reverse-es, reverse-se, facilitan la alineación y disposición de elementos, garantizando un diseño limpio y profesional. Optimiza la estructura visual de tus proyectos web con la simplicidad y eficiencia que ofrece Reverse.

Reverse

La clase "reverse" invierte el orden de los elementos en un diseño, ofreciendo una manera rápida y sencilla de ajustar la disposición visual de los item en proyectos web.

* Recuerda siempre anteponer la clase .grid al utilizar las clases de reverse, es un detalle importante a tener en cuenta.

.reverse-es

Clase Descripción
.reverse-es Reverse-EndStart. Permite reorganizar los elementos de derecha a izquierda.

Ejemplo

1
2
3
4
HTML 
                                    
    <div class="grid align-content-hc g-5 reverse-es">               
        <div class="p-2 text-ac">1</div>    
        <div class="p-2 text-ac">2</div>     
        <div class="p-2 text-ac">3</div>     
        <div class="p-2 text-ac">4</div>                                 
    </div>

.reverse-se

Clase Descripción
.reverse-se Reverse-StartEnd. Permite reorganizar los elementos de izquierda a derecha.

Ejemplo

4
3
2
1
HTML 
                                    
    <div class="grid align-content-hc g-5 reverse-se">               
        <div class="p-2 text-ac">4</div>    
        <div class="p-2 text-ac">3</div>     
        <div class="p-2 text-ac">2</div>     
        <div class="p-2 text-ac">1</div>                                 
    </div>