> For the complete documentation index, see [llms.txt](https://docs.super-forms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.super-forms.com/developers/code-examples/change-checkbox-radio-layout-to-vertical-on-mobile-devices.md).

# Change checkbox/radio layout to vertical on mobile devices

```css
// You can change 800px to something more suitable for your needs if needed
@media (max-width: 800px) {
  .super-form .display-grid .super-items-list {
    flex-direction: column!important;
  }
  .super-form .display-grid .super-items-list .super-item {
    width: 100%!important;
  }
}
```