# 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](/branding/create-branding/typography-and-fonts.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.parta.io/branding/create-branding/elements/quiz-grouping.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.