LAYOUT

Hace referencia a unas clases que ayudan a manejar la estructura y posicionamiento de los elementos de una página web

Container:

container

Columns

Display Flex:

Homer Simpson Technical Advisor
Bart Simpson Web Designer
Liza Simpson Alfred CEO

Display Grid:

01
02
03
04
05
06

Floats

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Necessitatibus provident repellat unde soluta vitae. Aspernatur dolore inventore possimus rem quos, suscipit recusandae.

Itaque repudiandae libero dolore odit quis quasi provident minus officia saepe eaque velit maxime recusandae earum aliquam ullam iste sapiente et, modi corrupti inventore rem dolorem eum porro error! Consectetur, iste similique. Sit labore facere temporibus distinctio placeat sequi mollitia ab consequatur et quasi. Possimus similique saepe, maxime sint dolor ipsam culpa placeat totam odit cum enim eos?

Object Fit Cover:

Object Fit Contain:

Object Fit Fill:

Object Fit None:

Overflow Visible

Gaston Locale Avatar

Overflow Hidden

Gaston Locale Avatar

Overflow Y Auto

Gaston 01 Locale 1
Gaston 02 Locale 2
Gaston 03 Locale 3
Gaston 04 Locale 4
Gaston 05 Locale 5

Position Relative/Absolute

Relative parent

Absolute child

Visibility: Invisible

01
03

Z Index

05
04
03
02
01
1|