Adding responsive classes to the columns specifies how the content behaves above different breakpoints.
Responsive classes
Four rows on small screens, two rows on medium screens, one row on large screens.
Column 1
Column 2
Column 3
Column 4
Equal width columns
Columns will always have equal widths regardless of screen sizes.
Column 1
Column 2
Column 3
Dynamic width depending on content
The first column grows depending on its content, the second self-adjusts.
This column has auto-width
Second column
light
dark
[[selectedLang]]
English
Arabic
Bulgarian
Català
Cestina
Chinese
Croatian
Dansk
Deutsch
English (GB)
Español
Français
Greek
Hindi
Italiano
Japanese
Korean
Lietuvių
Magyar
Nederlands
Norsk
Polski
Português Eu.
Pt. Brasileiro
Română
Serbian
Slovencina
Suomi
Svenska
Thai
Türkçe
Ukrainian
Vietnamese
Русский
Русский (UA)
עברית
فارسی
go back to demos