# Quiz Grouping

**Quiz grouping** creates interactive categorization tasks for courses.

## Style settings

<table><thead><tr><th width="230">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Gards</strong></td><td></td></tr><tr><td>Height</td><td>Set the cards height in pixels</td></tr><tr><td>Width</td><td>Set the cards width in pixels</td></tr><tr><td>Rounding</td><td>Adjust corner radius of cards</td></tr><tr><td>Navigation icons</td><td>Set the color for navigation icons</td></tr><tr><td><strong>Answer</strong></td><td></td></tr><tr><td>Answer position</td><td>Set the answer position (Top/Bottom)</td></tr><tr><td>Background color</td><td>Set the background color for answers</td></tr><tr><td>Alignment</td><td>Set the answer alignment</td></tr><tr><td>Display border</td><td>Toggle border visibility around answers (Yes/No)</td></tr><tr><td>Border color</td><td>Define the color for answer element borders</td></tr><tr><td>Thickness</td><td>Set border thickness for answers</td></tr><tr><td>Navigation position</td><td>Set navigation position at the card corner</td></tr><tr><td>Answer shadow</td><td><p>Add and configure shadow effects for answers:</p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: None, Soft, Regular, or Retro.</li></ol></td></tr><tr><td><strong>Drag button</strong></td><td></td></tr><tr><td>Background color</td><td>Set the background color for the drag button</td></tr><tr><td>Hover color</td><td>Set the color that appears when users hover over the drag button</td></tr><tr><td>Height</td><td>Set the drag button height in pixels</td></tr><tr><td>Width</td><td>Set the drag button width in pixels</td></tr><tr><td>“Drag” icon</td><td>Upload a custom drag icon</td></tr><tr><td>Icon color</td><td>Set the color for the icon</td></tr><tr><td>Button position</td><td>Set the button position at the card corner</td></tr><tr><td><strong>Group</strong></td><td></td></tr><tr><td>Background color</td><td>Set the background color for the group</td></tr><tr><td>Alignment</td><td>Set the group alignment</td></tr><tr><td>Display border</td><td>Toggle border visibility around groups (Yes/No)</td></tr><tr><td>Border color</td><td>Define the color for group borders</td></tr><tr><td>Thickness</td><td>Set border thickness for groups</td></tr><tr><td>Group shadow</td><td><p>Add and configure shadow effects for group containers:</p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: None, Soft, Regular, or Retro.</li></ol></td></tr><tr><td><strong>Progress bar</strong></td><td></td></tr><tr><td>Rounding</td><td>Adjust corner radius of progress indicators</td></tr><tr><td>Progress line (background)</td><td>Define the color for unfilled progress portions</td></tr><tr><td>Height</td><td>Set the height of progress indicators</td></tr><tr><td>Progress line (completed)</td><td>Set the color for completed progress portions</td></tr><tr><td><strong>Margins</strong></td><td></td></tr><tr><td>Card paddings</td><td>Set internal spacing for cards (top, right, bottom, left)</td></tr><tr><td>Margin from answers</td><td>Define spacing between group containers and their answer elements</td></tr><tr><td>Margin between groups</td><td>Set spacing between different group containers</td></tr></tbody></table>

## Typography settings

Customize Quiz rrouping appearance using rich-text formatting options. These changes apply only to the Answer and Result within the Quiz grouping element and do not affect other text elements.

You can modify the following properties:

* Font
* Style
* Size
* Line spacing
* Color

For details on how to configure parameters in rich-text options, see [Typography and fonts](https://help.parta.io/branding/create-branding/typography-and-fonts).