Scholars Gate
Find a TutorOnline Tutoring
GuidesHow It WorksBecome a Tutor
Log inGet Started
All guides
BiologyGCSE 8 min read

Punnett Squares, Made Visual

Click any parent allele to flip it, and watch the cross fill in — genotype and phenotype ratios update live. Monohybrid and dihybrid inheritance, finally clear.

The ScholarsGate Biology Team·Updated 08 Jul 2026

On this page

  • What a Punnett square shows
  • See it: cross the alleles
  • Genotype vs phenotype ratio
  • Dihybrid crosses (9:3:3:1)
  • Common mistakes
  • Practice
  • FAQ

A Punnett square is the single most useful tool in genetics: a little grid that predicts what happens when two organisms breed. Once you can read one, inheritance stops feeling like guesswork and starts looking like simple counting.

What a Punnett square shows

Every organism carries two copies (alleles) of each gene — one from each parent. A capital letter marks a dominant allele, a lower-case letter a recessive one. When an organism makes sex cells (gametes), each gamete gets just one of the two alleles, chosen at random.

A Punnett square lists one parent’s possible gametes across the top and the other parent’s down the side, then fills each cell by combining them. The finished grid shows every equally-likely combination the offspring could inherit.

A Punnett square doesn’t tell you what will happen — it tells you the odds.

See it: cross the alleles

The cross below is Bb × Bb— two heterozygous parents. Click any allele on a parent to flip it between dominant (B) and recessive (b), and watch the grid and ratios update instantly.

InteractiveGenetic cross calculator
Loading interactive…
Click an allele to flip it. Cells showing the recessive phenotype are shaded gold; the bars show the phenotype ratio.
Text description ↓Hide text description ↑

An interactive Punnett square. Each parent’s two alleles are shown as buttons you can toggle between a dominant capital letter and a recessive lower-case letter. For the default cross Bb × Bb, the two gametes B and b are written across the top and down the side, giving a 2×2 grid with cells BB, Bb, Bb and bb.

Bb
BBBBb
bBbbb

Three of the four cells (BB, Bb, Bb) show the dominant phenotype and one (bb) shows the recessive phenotype, a 3:1 phenotype ratio. The genotype ratio is 1 BB : 2 Bb : 1 bb.

Genotype vs phenotype ratio

Two words that trip students up. The genotype is the pair of alleles (BB, Bb or bb). The phenotypeis the characteristic you actually see — and because a single dominant allele is enough to be expressed, both BB and Bb give the same dominant phenotype.

Why Bb × Bb gives 3:1

The four cells are BB, Bb, Bb, bb. That is a genotype ratio of 1 : 2 : 1. But BB and Bb look identical, so the phenotype ratio is 3 dominant : 1 recessive. Only the double-recessive bb reveals the hidden allele.

Dihybrid crosses (9:3:3:1)

Follow two genes at once and the grid grows to 4×4. Each parent now makes four kinds of gamete, and the classic cross of two double-heterozygotes (BbEe × BbEe) gives the famous 9 : 3 : 3 : 1phenotype ratio — provided the two genes assort independently.

InteractiveDihybrid cross
Loading interactive…
Two genes at once. The 16 cells collapse into a 9:3:3:1 phenotype ratio.
Text description ↓Hide text description ↑

A 4×4 Punnett square for the dihybrid cross BbEe × BbEe. Each parent produces four gametes (BE, Be, bE, be), giving 16 offspring cells. The phenotype ratio is 9 showing both dominant traits, 3 showing the first dominant and second recessive, 3 the reverse, and 1 showing both recessive traits — the 9:3:3:1 ratio.

1Worked example — a cross that hides a recessive allele

A brown-eyed parent with genotype Bb is crossed with a blue-eyed parent (bb). What fraction of children are expected to have blue eyes?

The Bb parent makes gametes B and b; the bb parent makes only b. The offspring are Bb, Bb, bb, bb — a 1 : 1 ratio of brown to blue. So half the children are expected to have blue eyes, even though one parent has brown.

Common mistakes

Confusing genotype ratio with phenotype ratio

Bb × Bb is 1 : 2 : 1 by genotype but 3 : 1by phenotype. Always check which the question asks for — they are different numbers.

Forgetting that ratios are expected, not guaranteed

A 3:1 ratio is the probability, not a promise. A litter of four could easily be all dominant. Ratios only become reliable over large numbers of offspring.

Practice

Your turn

A pea plant heterozygous for tallness (Tt) is crossed with a short plant (tt). What is the expected phenotype ratio of the offspring?

Show the answer ↓Hide the answer ↑

The Tt parent gives T and t; the tt parent gives only t. Offspring are Tt, Tt, tt, tt — a 1 tall : 1 short ratio.

Where next?

Once a population is involved rather than a single cross, the same allele frequencies can be tracked with the Hardy–Weinberg principle — the natural sequel to this guide.

Key takeaways
  • A Punnett square combines each parent’s gametes to show every equally-likely offspring genotype.
  • Genotype is the allele pair (BB, Bb, bb); phenotype is what you see — a single dominant allele is enough to be expressed.
  • Two heterozygotes (Bb × Bb) give a 1:2:1 genotype ratio and a 3:1 phenotype ratio.
  • A dihybrid cross of double-heterozygotes gives the 9:3:3:1 phenotype ratio when genes assort independently.
  • Ratios are expected probabilities, reliable only over many offspring.

Frequently asked questions

What is a Punnett square used for?+
A Punnett square predicts the possible genotypes of offspring from a genetic cross. You write one parent’s gametes across the top and the other parent’s down the side, then fill each cell by combining the alleles. Counting the cells gives you the expected genotype and phenotype ratios.
What is the difference between genotype and phenotype?+
The genotype is the pair of alleles an organism has (for example Bb), while the phenotype is the observable characteristic those alleles produce (for example brown eyes). A dominant allele is expressed whenever it is present, so both BB and Bb give the dominant phenotype.
Why do two heterozygous parents give a 3:1 ratio?+
Crossing Bb × Bb gives four equally likely combinations: BB, Bb, Bb and bb. Three of the four show the dominant phenotype and one shows the recessive phenotype, giving the classic 3:1 phenotype ratio.
What ratio does a dihybrid cross give?+
Crossing two organisms heterozygous for two genes (BbEe × BbEe) produces a 9:3:3:1 phenotype ratio in the 16-cell Punnett square, assuming the two genes assort independently.
SB

The ScholarsGate Biology Team

Oxbridge & Russell Group biology tutors

Written and reviewed by ScholarsGate tutors who teach GCSE, A-Level and undergraduate biology. Every explainer is checked against the AQA, Edexcel, OCR and CIE specifications.

Keep exploring

GCSE & A-Level Biology tutorsHardy–Weinberg equilibriumAll interactive guides

Want a tutor to walk you through it?

Book a DBS-checked GCSE Biology tutor for a 1-on-1 lesson — online or in person.

Find a GCSE Biology tutor
Scholars GateTutoring & Learning

ScholarsGate (Scholars Gate) is a premium UK tutoring marketplace connecting ambitious students with expert tutors across every subject, level, and admissions pathway.

hello@scholarsgate.co.uk
+44 7544 736438
Bath, United Kingdom

Platform

  • Find a Tutor
  • Online Tutoring
  • How It Works
  • Become a Tutor
  • Interactive Guides
  • Blog
  • FAQ

Subjects

  • Mathematics & Computing
  • Natural Sciences
  • Humanities
  • Languages
  • All Subjects

Admissions

  • Medicine & UCAT
  • Maths (TMUA, STEP)
  • Law & LNAT
  • Statements & Interviews
  • All Admissions
4.9/5 average tutor rating
All tutors DBS verified
Secure payments via Stripe
500+ expert tutors

© 2026 ScholarsGate Ltd. All rights reserved.

Privacy PolicyTerms of ServiceCookie PolicySafeguarding