juicycss
[Gallery]
Everything in this site is wrapper with div .container. It gives basic responsivity.
Below is a row with 3 divs with col class on them.
.col with all kinds of content, two divs below
div1 in .row .wrap
div2 in .row .wrap
nested row col1
nested row col2
another .col with .text-center, more text here with multiple lines lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum and so on ...
third .col with .mr-2 .ml-2
Below is a .row with .wrap containing 5 divs with no col classes, just simple divs.
div with all kinds of content, two divs below
div1 in .row .wrap
div2 in .row .wrap
nested row col1
nested row col2
another div with .text-center,
third div with .mr-2 .ml-2
div with align-center
div with align-center inside .row
Below is a .row with .justify-content-start
div1 test test test test
div2 test test test test
Below is a .row with .wrap and .justify-content-center.
div1 test test test test
div 3 with align-items-end
div4 inside row with align-items-center on row
Below is a .row with .justify-content-end
div1 test test test test
div2 test test test test
Below is a .row with mh-4 having .row containers showing align-items classes
align-items-stretch
align-items-start
align-items-center
align-items-end
align-items-baseline
div2

h1

h2

h3

.nonselectable
.pointer
.text-bold
.text-italic
.text-normal
.text-left
.text-center
.text-right
.inline-block
another .inline-block
a div with .border
a div with .border and .br
a div with .border and .br and .py-2 .px-2
multiselect
Below is a basic file input with .max-width-100
juicycss@github