Samsung Galaxy

Samsung Galaxy A56 / A36 vs Samsung Galaxy S25: screen size for websites

The Samsung Galaxy A56 / A36 is 24px wider and 52px taller in CSS pixels. That’s enough for a layout that fits the Samsung Galaxy A56 / A36 to spill on the Samsung Galaxy S25.

Samsung Galaxy A56 / A36Samsung Galaxy S25
CSS viewport384 × 832360 × 780
Visible on first load384 × 712 (Chrome (Android))360 × 660 (Chrome (Android))
Device pixel ratio2.81253
Physical resolution1080 × 23401080 × 2340
Screen size6.7″6.2″
Aspect ratio19.5:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1080px1080px
Released20252025

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the Samsung Galaxy A56 / A36 and Samsung Galaxy S25 at their exact sizes, next to each other.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

What the difference means for your site

Width: 384px vs 360px

Headings and buttons wrap differently: a line that fits in 384px can break onto two lines in 360px. Anything with a fixed width between the two makes the narrower screen scroll sideways (fix it).

Height: 832px vs 780px

On first load a page shows 712px on the Samsung Galaxy A56 / A36 and 660px on the Samsung Galaxy S25, so “above the fold” differs by 52px.

Questions people ask

Is the Samsung Galaxy A56 / A36 screen bigger than the Samsung Galaxy S25 for websites?

The Samsung Galaxy A56 / A36 is 24px wider and 52px taller in CSS pixels. That’s enough for a layout that fits the Samsung Galaxy A56 / A36 to spill on the Samsung Galaxy S25.

What are the viewport sizes of the Samsung Galaxy A56 / A36 and Samsung Galaxy S25?

Samsung Galaxy A56 / A36: 384 × 832 CSS px (DPR 2.8125). Samsung Galaxy S25: 360 × 780 CSS px (DPR 3).

Do I need to test my site on both?

Yes if your layout has anything close to 384px wide. Test the narrower one first: it’s where things spill.

More comparisons