Best Practices
Recommended patterns and best practices.
Recommended patterns and best practices for using Axis-Twelve.
Best Practices
Tips for optimal usage.
Use Grid Container
Always wrap columns in .grid
View Example
html
<!-- Good -->
<div class="grid">
<div class="col-6">Content</div>
</div>
<!-- Bad -->
<div class="col-6">Content</div>Responsive First
Start mobile, add breakpoints
View Example
html
<!-- Mobile first approach -->
<div class="col-12 md:col-6 lg:col-4">
Responsive column
</div>