More Hows
Community
Search for:
OxyNinja Desktop and below
OxyNinja
Cheatsheet
Create a columns layout using our CSS grid classes for Desktop and below
Content
Columns Classes
This is a block of text. Double-click this text to edit it.
6 Columns
CSS Class
c-columns-6
Six columns in the traditional way
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Six divs and within each div one heading h4
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
Six divs and within each div one button
Six icons
5 Columns
CSS Class
c-columns-5
Five columns in the traditional way
Columns-Divs
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Six divs and within each div one heading h4
Button 1
Button 2
Button 3
Button 4
Button 5
Five divs and within each div one button
Five icons
4 Columns
CSS Class
c-columns-4
Four columns in the traditional way
Columns-Divs
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Six divs and within each div one heading h4
Button 1
Button 2
Button 3
Button 4
Four divs and within each div one button
Four icons
3 Columns
CSS Class
c-columns-3
Three columns in the traditional way
Columns-Divs
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Six divs and within each div one heading h4
Button 1
Button 2
Button 3
Three divs and within each div one button
Three icons
2 Columns
CSS Class
c-columns-2
Two columns in the traditional way
Columns-Divs
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Six divs and within each div one heading h4
Button 1
Button 2
Two divs and within each div one button
Two icons
Next
OxyNinja 1400px and less
You like me?
Take a second to support us on PayPal or Patreon!
If you have any suggestions, please let us know
suggestions
You can share it on:
X
Facebook
Linkedin
WhatsApp
Telegram
Pinterest
print
check-square-o
chevron-left
chevron-right
facebook
chain
envelope
linkedin
angle-double-up
angle-up
thumbs-up
xing
paper-plane
pinterest-p
whatsapp
commenting
question-circle-o
items-group-elements
label-tag
language-translate-copy
share