Getting Started
Flexbox
CSS Grid
Box Shadows
Buttons
Inline Alerts
Responsive Area

Responsive Demo area

CSS Buttons Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.


Collection
Properties
Responsive Area
CSS class
description
properties
.pl-flex
Flex property
display: flex;
.pl-jc--start
Items are positioned at the beginning of the container
justify-content: flex-start;
.pl-jc--end
Items are positioned at the end of the container
justify-content: flex-end;
.pl-jc--center
Items are positioned at the center of the container
justify-content: center;
.pl-jc--between
Items are positioned with space between the lines
justify-content: space-between;
.pl-jc--around
Items are positioned with space before, between, and after the lines
justify-content: space-around;
.pl-jc--evenly
Items are positioned with equal space, all around
justify-content: space-evenly;