Grid-Based Section Layout

Grid-Based Section Page

Section 1 Title

Short intro or description here. The title block has a max height.

Item 1
Item 2
Item 3
Footer content for section 1.

Section 2 Title

This one also adjusts based on the screen width and fills remaining height.

Item A
Item B
Item C
Item D
Footer content for section 2.

Scrollable Grid Section

Horizontally scrollable items that adapt responsively.

Grid A
Grid B
Grid C
Footer content for scrollable section.

Advanced Scrollable Grid

Swipe or use arrows to explore all cards across screen sizes.

Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Footer content for advanced scrollable section.