Angles | Free ACT Math Course
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ACT Math: Angles | The School of Mathematics</title>
<meta name="description" content="Learn angles for the ACT with this free, complete lesson: angle relationships (complementary, supplementary, vertical, linear pairs), parallel lines and transversals, the triangle angle sum and exterior angle theorem, and polygon interior and exterior angle sums. Includes 19 free original practice problems with instant feedback and full step-by-step explanations.">
<style>
:root {
--blue: #4285f4;
--green: #34a853;
--red: #ea4335;
--gray-bg: #f8f9fa;
--border: #e0e0e0;
}
* { box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #ffffff;
color: #202124;
line-height: 1.65;
margin: 0;
padding: 0;
}
.wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 80px; }
h1 { font-size: 2rem; line-height: 1.25; margin-bottom: 10px; }
h2 {
font-size: 1.5rem;
margin-top: 48px;
padding-top: 8px;
border-top: 2px solid var(--border);
}
h3 { font-size: 1.15rem; margin-bottom: 6px; }
.intro { font-size: 1.05rem; color: #3c4043; }
.cta-group {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin: 22px 0 32px;
}
.cta-btn {
flex: 1 1 220px;
text-align: center;
text-decoration: none;
font-weight: 700;
font-size: 1rem;
padding: 15px 18px;
border-radius: 10px;
}
.cta-primary { background: var(--blue); color: #fff; }
.cta-primary:hover { background: #3367d6; }
.cta-secondary { background: #fff; color: var(--blue); border: 2px solid var(--blue); }
.cta-secondary:hover { background: #eef3fd; }
nav.toc {
background: var(--gray-bg);
border: 1px solid var(--border);
border-radius: 10px;
padding: 18px 22px;
margin-bottom: 36px;
}
nav.toc h2 { margin-top: 0; border-top: none; font-size: 1.1rem; }
nav.toc ol { margin: 0; padding-left: 22px; }
nav.toc a { color: var(--blue); text-decoration: none; }
nav.toc a:hover { text-decoration: underline; }
table.ref {
width: 100%;
border-collapse: collapse;
margin: 18px 0 26px;
font-size: 0.95rem;
}
table.ref th, table.ref td {
border: 1px solid var(--border);
padding: 10px 12px;
text-align: left;
vertical-align: top;
}
table.ref th { background: var(--gray-bg); }
.example {
background: var(--gray-bg);
border-left: 4px solid var(--blue);
border-radius: 6px;
padding: 16px 20px;
margin: 18px 0;
}
.example p { margin: 6px 0; }
.step-math { font-family: "Cambria Math", Georgia, serif; }
.figure-row {
display: flex;
gap: 14px;
flex-wrap: wrap;
justify-content: center;
margin: 20px 0;
}
.figure-box { text-align: center; max-width: 200px; }
.figure-box svg { max-width: 100%; height: auto; }
.figure-caption { font-size: 0.8rem; color: #5f6368; margin-top: 6px; }
.problem {
border: 1px solid var(--border);
border-radius: 10px;
padding: 18px 22px 20px;
margin: 18px 0;
}
.problem .prompt { font-weight: 600; margin-bottom: 12px; }
.options { display: flex; flex-direction: column; gap: 8px; margin: 0 0 4px; }
.option-btn {
text-align: left;
padding: 10px 14px;
border: 1px solid #ccc;
border-radius: 6px;
background: #fff;
cursor: pointer;
font-size: 0.98rem;
font-family: inherit;
}
.option-btn:hover:not(:disabled) { background: #f1f3f4; }
.option-btn.correct { background: #e6f4ea; border-color: var(--green); font-weight: 600; }
.option-btn.incorrect { background: #fce8e6; border-color: var(--red); }
.option-btn:disabled { cursor: default; }
.explanation {
margin-top: 0;
padding: 0 16px;
background: var(--gray-bg);
border-left: 4px solid var(--blue);
border-radius: 4px;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease, padding 0.35s ease;
}
.explanation.show {
max-height: 600px;
opacity: 1;
margin-top: 14px;
padding: 14px 16px;
}
.explanation p { margin: 6px 0; }
.explanation .label { font-weight: 700; }
.mistake-list li { margin-bottom: 10px; }
.faq-item { margin-bottom: 18px; }
.faq-item h3 { margin-bottom: 4px; }
footer.cta-final { margin-top: 56px; }
</style>
</head>
<body>
<div class="wrap">
<h1>ACT Math: Angles</h1>
<p class="intro">
Angles is a foundational Plane Geometry topic on the ACT, and every question tends to boil down to a handful of core relationships once you recognize the pattern. This free, complete lesson covers angle relationships (complementary, supplementary, vertical, and linear pairs), parallel lines cut by a transversal, the triangle angle sum and exterior angle theorem, and polygon interior and exterior angle sums. Each idea is followed by a fully worked example, and then a set of original practice problems with instant feedback, in the same four-answer-choice, calculator-allowed format as the current ACT. Everything here is free, and you can keep practicing afterward with the full ACT Math Question Bank linked below.
</p>
<div class="cta-group">
<a class="cta-btn cta-primary" href="https://theschoolofmathematics.com/quiz/act-angles-quiz-1">Practice Angles Free</a>
<a class="cta-btn cta-secondary" href="https://theschoolofmathematics.com/quiz/course/ACT-Math-Qbank">Explore the Full ACT Math Qbank</a>
</div>
<nav class="toc" aria-label="Table of contents">
<h2>What's covered in this lesson</h2>
<ol>
<li><a href="#relationships">Angle Relationships</a></li>
<li><a href="#transversals">Parallel Lines and Transversals</a></li>
<li><a href="#triangles">Triangle Angle Sum and the Exterior Angle Theorem</a></li>
<li><a href="#polygons">Polygon Interior and Exterior Angle Sums</a></li>
<li><a href="#mistakes">Common Mistakes to Avoid</a></li>
<li><a href="#faq">Frequently Asked Questions</a></li>
</ol>
</nav>
<!-- ============ SECTION A ============ -->
<h2 id="relationships">1. Angle Relationships</h2>
<p><strong>Complementary angles</strong> sum to 90°. <strong>Supplementary angles</strong> sum to 180°. When two lines cross, they form two pairs of <strong>vertical angles</strong>, which are always equal, and adjacent pairs called <strong>linear pairs</strong>, which are always supplementary.</p>
<div class="example">
<p><strong>Worked Example:</strong> Two angles form a linear pair. One measures 112°. Find the other.</p>
<p class="step-math">180° − 112° = 68°</p>
</div>
<div class="problem" id="pa-1">
<p class="prompt">1. Two angles are complementary. One measures 27°. What is the other?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-1',true)">A) 63°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">B) 153°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">C) 73°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">D) 27°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 90° − 27° = 63°.</p>
</div>
</div>
<div class="problem" id="pa-2">
<p class="prompt">2. Two angles are supplementary. One measures 98°. What is the other?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-2',true)">A) 82°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">B) 92°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">C) 8°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">D) 262°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 180° − 98° = 82°.</p>
</div>
</div>
<div class="problem" id="pa-3">
<p class="prompt">3. Two lines intersect, forming vertical angles. One measures 47°. What is its vertical angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-3',true)">A) 47°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">B) 133°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">C) 43°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">D) 94°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Vertical angles are always equal, so the vertical angle also measures 47°.</p>
</div>
</div>
<div class="problem" id="pa-4">
<p class="prompt">4. Two angles form a linear pair. One measures 65°. What is the other?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-4',true)">A) 115°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">B) 65°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">C) 25°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">D) 155°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A linear pair is always supplementary: 180° − 65° = 115°.</p>
</div>
</div>
<div class="problem" id="pa-5">
<p class="prompt">5. Four angles meet at a single point (forming a full circle around it). Three of them measure 80°, 95°, and 110°. What is the measure of the fourth angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-5',true)">A) 75°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">B) 95°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">C) 285°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">D) 105°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Angles all the way around a single point sum to 360°: 360° − 80° − 95° − 110° = 75°.</p>
</div>
</div>
<!-- ============ SECTION B ============ -->
<h2 id="transversals">2. Parallel Lines and Transversals</h2>
<p>When a transversal crosses two parallel lines, it creates eight angles, but only two distinct angle measures appear in the whole figure.</p>
<table class="ref">
<tr><th>Angle pair</th><th>Relationship</th></tr>
<tr><td>Corresponding angles</td><td>Equal</td></tr>
<tr><td>Alternate interior angles</td><td>Equal</td></tr>
<tr><td>Alternate exterior angles</td><td>Equal</td></tr>
<tr><td>Co-interior (same-side interior) angles</td><td>Supplementary</td></tr>
</table>
<div class="figure-row">
<div class="figure-box">
<svg viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg">
<line x1="20" y1="40" x2="180" y2="40" stroke="#4285f4" stroke-width="2"/>
<line x1="20" y1="100" x2="180" y2="100" stroke="#4285f4" stroke-width="2"/>
<line x1="55" y1="10" x2="145" y2="130" stroke="#ea4335" stroke-width="2"/>
</svg>
<p class="figure-caption">Parallel lines cut by a transversal</p>
</div>
</div>
<div class="example">
<p><strong>Worked Example:</strong> Two parallel lines are cut by a transversal. One angle measures 72°. Find its co-interior (same-side interior) angle.</p>
<p class="step-math">180° − 72° = 108°</p>
</div>
<div class="problem" id="pb-1">
<p class="prompt">1. Two parallel lines are cut by a transversal. One angle measures 58°. What is its corresponding angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-1',true)">A) 58°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">B) 122°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">C) 32°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">D) 116°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Corresponding angles are equal: 58°.</p>
</div>
</div>
<div class="problem" id="pb-2">
<p class="prompt">2. Two parallel lines are cut by a transversal. One angle measures 58°. What is its alternate interior angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-2',true)">A) 58°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">B) 122°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">C) 32°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">D) 29°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Alternate interior angles are equal: 58°.</p>
</div>
</div>
<div class="problem" id="pb-3">
<p class="prompt">3. Two parallel lines are cut by a transversal. One angle measures 58°. What is its co-interior (same-side interior) angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-3',true)">A) 122°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">B) 58°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">C) 32°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">D) 116°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Co-interior angles are supplementary: 180° − 58° = 122°.</p>
</div>
</div>
<div class="problem" id="pb-4">
<p class="prompt">4. Two parallel lines are cut by a transversal. Two co-interior angles measure (3x + 10)° and (2x + 30)°. What is the value of x?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-4',true)">A) 28</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">B) 30</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">C) 32</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">D) 26</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Co-interior angles sum to 180°: (3x + 10) + (2x + 30) = 180. This gives 5x + 40 = 180, so 5x = 140 and x = 28.</p>
</div>
</div>
<div class="problem" id="pb-5">
<p class="prompt">5. Two parallel lines are cut by a transversal. One angle measures (4x − 10)° and its corresponding angle measures (2x + 30)°. What is the value of x?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-5',true)">A) 20</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">B) 10</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">C) 40</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">D) 30</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Corresponding angles are equal: 4x − 10 = 2x + 30. This gives 2x = 40, so x = 20.</p>
</div>
</div>
<!-- ============ SECTION C ============ -->
<h2 id="triangles">3. Triangle Angle Sum and the Exterior Angle Theorem</h2>
<p>The interior angles of any triangle always sum to 180°. An <strong>exterior angle</strong>, formed by extending one side, always equals the sum of the two <strong>remote interior angles</strong> (the two angles not adjacent to it).</p>
<div class="figure-row">
<div class="figure-box">
<svg viewBox="0 0 200 150" xmlns="http://www.w3.org/2000/svg">
<polygon points="50,130 150,130 100,30" fill="none" stroke="#4285f4" stroke-width="2"/>
<line x1="150" y1="130" x2="190" y2="130" stroke="#ea4335" stroke-width="2"/>
</svg>
<p class="figure-caption">Exterior angle = sum of the two remote interior angles</p>
</div>
</div>
<div class="example">
<p><strong>Worked Example:</strong> A triangle has angles measuring 2x, 3x, and 4x. Find the measure of each angle.</p>
<p class="step-math">2x + 3x + 4x = 180, so 9x = 180 and x = 20</p>
<p>The angles measure 40°, 60°, and 80°.</p>
</div>
<div class="problem" id="pc-1">
<p class="prompt">1. A triangle has angles of 55° and 65°. What is the measure of the third angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-1',true)">A) 60°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">B) 120°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">C) 55°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">D) 10°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 180° − 55° − 65° = 60°.</p>
</div>
</div>
<div class="problem" id="pc-2">
<p class="prompt">2. An isosceles triangle has a vertex angle of 50°. What is the measure of each base angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-2',true)">A) 65°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">B) 130°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">C) 50°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">D) 75°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The two base angles of an isosceles triangle are equal. Together they take up 180° − 50° = 130°, so each is 130° ÷ 2 = 65°.</p>
</div>
</div>
<div class="problem" id="pc-3">
<p class="prompt">3. A triangle has angles x, 2x, and 3x. What is the measure of the largest angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-3',true)">A) 90°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">B) 60°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">C) 30°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">D) 120°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> x + 2x + 3x = 180, so 6x = 180 and x = 30. The largest angle is 3(30) = 90°.</p>
</div>
</div>
<div class="problem" id="pc-4">
<p class="prompt">4. An exterior angle of a triangle measures 115°. What is the sum of the two remote interior angles?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-4',true)">A) 115°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">B) 65°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">C) 57.5°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">D) 230°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> By the exterior angle theorem, an exterior angle always equals the sum of the two remote interior angles: 115°.</p>
</div>
</div>
<div class="problem" id="pc-5">
<p class="prompt">5. An exterior angle of a triangle measures 130°, and one remote interior angle measures 70°. What is the other remote interior angle?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-5',true)">A) 60°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">B) 70°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">C) 50°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">D) 200°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 130° − 70° = 60°.</p>
</div>
</div>
<!-- ============ SECTION D ============ -->
<h2 id="polygons">4. Polygon Interior and Exterior Angle Sums</h2>
<p>The sum of the interior angles of any convex polygon with n sides is 180°(n − 2). The sum of the exterior angles of any convex polygon, one at each vertex, is always 360°, regardless of the number of sides.</p>
<div class="example">
<p><strong>Worked Example:</strong> Find the sum of the interior angles of a hexagon (6 sides).</p>
<p class="step-math">180°(6 − 2) = 180°(4) = 720°</p>
</div>
<div class="problem" id="pd-1">
<p class="prompt">1. Find the sum of the interior angles of a pentagon (5 sides).</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-1',true)">A) 540°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">B) 360°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">C) 720°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">D) 450°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 180°(5 − 2) = 180°(3) = 540°.</p>
</div>
</div>
<div class="problem" id="pd-2">
<p class="prompt">2. Each interior angle of a regular polygon measures 144°. How many sides does the polygon have?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-2',true)">A) 10</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">B) 8</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">C) 9</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">D) 12</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Each exterior angle is 180° − 144° = 36°. Since the exterior angles of a regular polygon are all equal and sum to 360°, the number of sides is 360° ÷ 36° = 10.</p>
</div>
</div>
<div class="problem" id="pd-3">
<p class="prompt">3. What is the sum of the exterior angles of any convex polygon, one at each vertex?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-3',true)">A) 360°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">B) 180°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">C) Depends on the number of sides</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">D) 720°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> No matter how many sides a convex polygon has, its exterior angles (one per vertex) always sum to exactly 360°, a full turn around the shape.</p>
</div>
</div>
<div class="problem" id="pd-4">
<p class="prompt">4. Find the measure of each interior angle of a regular octagon (8 sides).</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-4',true)">A) 135°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">B) 144°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">C) 120°</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">D) 150°</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Sum of interior angles: 180°(8 − 2) = 1,080°. Since a regular octagon has 8 equal angles: 1,080° ÷ 8 = 135°.</p>
</div>
</div>
<!-- ============ MISTAKES ============ -->
<h2 id="mistakes">Common Mistakes to Avoid</h2>
<ul class="mistake-list">
<li><strong>Mixing up complementary and supplementary.</strong> Complementary sums to 90°, supplementary sums to 180°. Confusing the two flips your entire answer.</li>
<li><strong>Treating co-interior angles as equal instead of supplementary.</strong> Corresponding, alternate interior, and alternate exterior angles are equal; co-interior (same-side interior) angles are the one pair that's supplementary instead.</li>
<li><strong>Forgetting that the exterior angle theorem only applies to triangles.</strong> "Exterior angle equals the sum of the two remote interior angles" is specific to triangles; for other polygons, use the general 180°(n − 2) interior angle sum instead.</li>
<li><strong>Using the interior angle sum formula for exterior angles, or vice versa.</strong> Interior angles sum to 180°(n − 2), which depends on the number of sides. Exterior angles always sum to 360°, no matter how many sides the polygon has.</li>
<li><strong>Assuming a polygon is regular without being told so.</strong> The "divide the total by the number of sides" shortcut for finding one interior angle only works when every angle in the polygon is equal.</li>
</ul>
<!-- ============ FAQ ============ -->
<h2 id="faq">Frequently Asked Questions</h2>
<div class="faq-item">
<h3>Is there a fast way to remember all the parallel-line angle relationships?</h3>
<p>Sort every pair into one of two buckets: angles in matching positions relative to the two intersections (corresponding, alternate interior, alternate exterior) are equal, while angles on the same side, between the parallel lines (co-interior), are supplementary. That single distinction covers the whole topic.</p>
</div>
<div class="faq-item">
<h3>Why does the exterior angle of a triangle equal the sum of the remote interior angles?</h3>
<p>The exterior angle and its adjacent interior angle form a linear pair, so together they sum to 180°. Since all three interior angles of the triangle also sum to 180°, the exterior angle must equal whatever's left after removing its adjacent interior angle, which is exactly the sum of the other two.</p>
</div>
<div class="faq-item">
<h3>How can I verify the interior angle sum formula for myself?</h3>
<p>Any convex polygon with n sides can be split into (n − 2) triangles by drawing diagonals from one vertex. Since each triangle contributes 180°, the total interior angle sum is 180°(n − 2).</p>
</div>
<div class="faq-item">
<h3>Where can I practice more problems like these?</h3>
<p>The <a href="https://theschoolofmathematics.com/quiz/act-angles-quiz-1">Angles quizzes</a> in the ACT Math Question Bank include additional original problems on this topic, along with quizzes covering every other topic tested on the ACT Math section.</p>
</div>
<footer class="cta-final">
<div class="cta-group">
<a class="cta-btn cta-primary" href="https://theschoolofmathematics.com/quiz/act-angles-quiz-1">Practice Angles Free</a>
<a class="cta-btn cta-secondary" href="https://theschoolofmathematics.com/quiz/course/ACT-Math-Qbank">Explore the Full ACT Math Qbank</a>
</div>
</footer>
</div>
<script>
function checkAnswer(btn, problemId, isCorrect) {
var problem = document.getElementById(problemId);
var buttons = problem.querySelectorAll('.option-btn');
buttons.forEach(function(b) { b.disabled = true; });
if (isCorrect) {
btn.classList.add('correct');
} else {
btn.classList.add('incorrect');
var correctBtn = problem.querySelector('.option-btn[data-correct="true"]');
if (correctBtn) { correctBtn.classList.add('correct'); }
}
var exp = problem.querySelector('.explanation');
if (exp) { exp.classList.add('show'); }
}
</script>
</body>
</html>