The LB Redbridge design system.

- Reusability
- User centred design
- An overview
- An introduction
- A starter template
- Accordion
- Back link
- Breadcrumbs
- Button
- Character count
- Checkboxes
- Confirmation
- Date input
- Details
- Declarations
- Error message and summary
- File upload
- Footer
- Header
- Hyperlink
- Inset text
- Layouts
- Mapping
- Phase banner
- Phone numbers
- Print button
- Radio buttons
- Select
- Spacing
- Table ( responsive )
- Text input
- Textarea
- Typography
- Warning text
- Well
- Case examples

Spacing

GDS utilises a responsive spacing scale that adapts based on screen size.
You may need to make minor adjustments like adding or removing spacing to elements - you can use the spacing override classes for this.
GDS guidelines on using this component (opens in a new window)

This div element has padding-bottom-9

This div element has padding-bottom-8

This div element has padding-bottom-7

This div element has padding-bottom-6

This div element has padding-bottom-5

This div element has padding-bottom-4

This div element has padding-bottom-3

This div element has padding-bottom-2

This div element has padding-bottom-1

HTML Code ↕

                    
                      <div class="govuk-!-padding-bottom-9">This div element has padding-bottom-9</div>
<div class="govuk-!-padding-bottom-8">This div element has padding-bottom-8</div>
<div class="govuk-!-padding-bottom-7">This div element has padding-bottom-7</div>
<div class="govuk-!-padding-bottom-6">This div element has padding-bottom-6</div>
<div class="govuk-!-padding-bottom-5">This div element has padding-bottom-5</div>
<div class="govuk-!-padding-bottom-4">This div element has padding-bottom-4</div>
<div class="govuk-!-padding-bottom-3">This div element has padding-bottom-3</div>
<div class="govuk-!-padding-bottom-2">This div element has padding-bottom-2</div>
<div class="govuk-!-padding-bottom-1">This div element has padding-bottom-1</div>