Stay organized with collections
Save and categorize content based on your preferences.
Make it easier for users to find their favorite content in your app while
driving. You can mix and match lists and grids within the sectioned item
template to create a customized browsing structure.
Figure 1. Sample showing a list and a grid used
together in the sectioned item template.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-22 UTC."],[],[],null,["# Sectioned Item template\n\n\u003cbr /\u003e\n\nMake it easier for users to find their favorite content in your app while\ndriving. You can mix and match lists and grids within the sectioned item\ntemplate to create a customized browsing structure.\n| **Note:** With the introduction of the Sectioned Item template, you no longer need separate list and grid templates. To get the latest updates and features, move any existing instances of the list or grid templates into the sectioned item template.\n**Figure 1.** Sample showing a list and a grid used together in the sectioned item template.\n\nSectioned item template UX requirements\n---------------------------------------\n\nTo make sure your lists and grids adhere to UX best practices, see\n[List template](/cars/design/create-apps/apps-for-drivers/templates/list-template)\nand\n[Grid template](/cars/design/create-apps/apps-for-drivers/templates/grid-template)."]]