This is the main content Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur in consequuntur debitis. Quod mollitia id amet velit debitis ipsa recusandae itaque molestias! Tempora, nisi est ea culpa earum inventore? Voluptatibus?
This is a sidebar
This is the main content Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur in consequuntur debitis. Quod mollitia id amet velit debitis ipsa recusandae itaque molestias! Tempora, nisi est ea culpa earum inventore? Voluptatibus?
This is a sidebar with flex
This is a sidebar with "flex-none"
This is the main content Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur inventore quasi labore repellendus corrupti tempore natus nemo perspiciatis quis ratione eius, impedit officiis sapiente animi, id, voluptatum repudiandae expedita quas?
This section is using flex basis
Content with a dedicated scale (1/4 of view)
Lots more content, with a larger dedicated scale (3/4 of view)
Justified between objects
Object 1
Object 2
Object 3
Justified evenly around objects
Object 1
Object 2
Object 3
Justified evenly around objects, but with centered vertical alignment
sidebar1
Main content Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur reiciendis sint sequi, delectus exercitationem deserunt cum eaque eius porro, ullam odit? Inventore quam similique, molestias atque a quod exercitationem! Perspiciatis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et recusandae a autem eligendi rerum magni sequi. Possimus earum vero ex necessitatibus, voluptate veniam architecto aliquam eligendi ab ipsa delectus! Ex. Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde nostrum ex iusto. Dolor, iure, distinctio cum in minima quam assumenda totam rem animi pariatur libero ex cumque ab obcaecati corporis.
sidebar2