Custom columns

For example:

• md (≥768px) means the layout settings will apply when the screen width is 768px or larger.
• If the screen is smaller than 768px, a smaller breakpoint (such as mb) will apply instead.

Container width refers to the maximum width of the main content area inside the page.

For example, when the screen is 992px wide or larger (lg), the content area will have a maximum width of 960px.

For example, mb:1,md:2,lg:3,xl:4,xxl:5 means the layout will display:

• Mobile (mb): 1 column
• Tablet (md): 2 columns
• Laptop (lg): 3 columns
• Desktop (xl): 4 columns
• Large screens (xxl): 5 columns