Overview

Nucleus is designed to perform on a range of devices, be compatible with many browsers, and respond to an array of viewport sizes.

Browsers

Priority is given to the following browsers and operating systems, as Nucleus supports only the two most recent versions of each.

Browser	Version	Operating System
Chrome	141, 142	Windows 10, Windows 11, macOS Toheo, macOS Sequoia, iOS 26, iOS 18, iPad OS 26, iPad OS 18, Android OS 16, Android OS 15
Edge	141, 142	Windows 10, Windows 11, macOS Toheo, macOS Sequoia
Firefox	143, 144	Windows 10, Windows 11, macOS Toheo, macOS Sequoia
Safari	18, 26	macOS Toheo, macOS Sequoia, iOS 18, iPad OS 18, iOS 26, iPad OS 26
Samsung Browser	29, 28	Android OS 16, Android OS 15

Note: The versions listed above will be updated as new browser and operating system versions are released.

Viewports

A viewport is the visible area of a web page typically determined by the size of the device’s display or browser window.

It’s important to understand the foundational responsive behaviour of the layouts required, for all device types and sizes.

The narrowest width of a smartphone tends to be 320px and the widest desktop can be more than 2560px.

Sizes

Name	Width
🔵 Squash court	320px
🎾 Tennis court	480px
🏀 Basketball court	720px
🏑 Hockey pitch	1080px
⚽ Football pitch	1270px
🏉 Rugby pitch	1620px
👕 Polo field	2430px