Skip to main content

Grid layout

Full width

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Full width

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Full width

Three quarters from mobile

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

Three quarters from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

One quarter from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.