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 list of browsers and devices’ operating systems identified as the most popular used by customers.

Browser	Version	Operating System
Chrome	131	Windows 11
Chrome	132	Windows 10
Firefox	133	Windows 11
Firefox	134	Windows 10
Edge	131	Windows 11
Edge	132	Windows 10
Safari	18	MacOS sequoia
Safari	17	MacOS sonomo
Chrome	131	MacOS
Chrome	132	MacOS
Firefox	133	MacOS
Firefox	134	MacOS
Edge	131	MacOS
Edge	132	MacOS
Safari	18	iOS 18
Safari	17	iOS 17
Chrome	131	iOS 17
Chrome	132	iOS 18
Safari	18	iPad OS 18
Safari	17	iPad OS 17
Chrome	131	iPad OS 18
Chrome	132	iPad OS 17
Chrome	132	Android OS 14
Samsung Browser	27	Android OS 14

Note: Nucleus support only last two versions of browsers and Operating system.

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