Display
Presenta los elementos conforme a tus necesidades, con las propiedades display que ofrece Genesis CSS.
-- Clases principales
| Clase | Propiedad y valor |
|---|---|
| .d-inline-block | display: inline-block; |
| .d-none | display: none; |
| .d-block | display: block; |
| .d-fx | display: flex; |
| .d-grid | display: grid; |
-- Display en puntos de corte
| Clase | Punto de corte |
|---|---|
|
.pho-d-none .pho-d-block |
@media screen (max-width: 550px). |
|
.pha-d-none .pha-d-block |
@media screen (max-width: 770px). |
|
.tab-d-none .tab-d-block |
@media screen (max-width: 990px). |
-- Ejemplo de combinación entre clases
Nota Para comprender este ejemplo, realiza la visita a esta sección desde un equipo de escritorio o laptop.
Redimensiona el explorador y podrás observar cuando se muestra el texto dentro del contenedor.
Lorem ipsum dolor sit amet.
-- Ejemplo de uso con puntos de corte
HTML
Lorem ipsum dolor sit amet.