Perimeter, Area & Volume | 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: Perimeter, Area & Volume | The School of Mathematics</title>
<meta name="description" content="Learn perimeter, area, and volume for the ACT with this free, complete lesson: perimeter and area of 2D shapes, circles (circumference and area), volume of 3D solids (prisms, cylinders, cones, spheres, pyramids), and surface area with composite figures. Includes 21 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; }
.note-box {
background: #fff8e1;
border-left: 4px solid #f9a825;
border-radius: 6px;
padding: 14px 18px;
margin: 18px 0;
font-size: 0.95rem;
}
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; }
.frac {
display: inline-flex;
flex-direction: column;
vertical-align: middle;
text-align: center;
font-size: 0.85em;
line-height: 1;
margin: 0 2px;
position: relative;
top: 0.1em;
}
.frac .num { border-bottom: 1.3px solid #202124; padding: 0 4px 1px; }
.frac .den { padding: 1px 4px 0; }
.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: Perimeter, Area & Volume</h1>
<p class="intro">
Perimeter, Area & Volume questions on the ACT come down to memorizing about ten formulas and applying them carefully. This free, complete lesson covers perimeter and area of 2D shapes, circles (circumference and area), volume of 3D solids like prisms, cylinders, cones, spheres, and pyramids, and surface area with composite figures. 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="note-box">
The ACT provides no general formula sheet for the Math section, though occasionally a less common formula (like a cone's volume) is given directly within a specific question. Knowing the core formulas by heart is worth the time investment.
</div>
<div class="cta-group">
<a class="cta-btn cta-primary" href="https://theschoolofmathematics.com/quiz/act-perimeter-area-volume-quiz-1">Practice Perimeter, Area & Volume 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="#area-2d">Perimeter and Area of 2D Shapes</a></li>
<li><a href="#circles">Circles: Circumference and Area</a></li>
<li><a href="#volume">Volume of 3D Solids</a></li>
<li><a href="#surface-area">Surface Area and Composite Figures</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="area-2d">1. Perimeter and Area of 2D Shapes</h2>
<table class="ref">
<tr><th>Shape</th><th>Area formula</th></tr>
<tr><td>Rectangle</td><td>A = lw</td></tr>
<tr><td>Triangle</td><td>A = <span class="frac"><span class="num">1</span><span class="den">2</span></span>bh</td></tr>
<tr><td>Parallelogram</td><td>A = bh</td></tr>
<tr><td>Trapezoid</td><td>A = <span class="frac"><span class="num">1</span><span class="den">2</span></span>(b<sub>1</sub> + b<sub>2</sub>)h</td></tr>
</table>
<div class="example">
<p><strong>Worked Example:</strong> A rectangle has length 12 and width 7. Find its area and perimeter.</p>
<p class="step-math">Area = 12 × 7 = 84</p>
<p class="step-math">Perimeter = 2(12 + 7) = 38</p>
</div>
<div class="problem" id="pa-1">
<p class="prompt">1. A triangle has base 14 and height 9. What is its area?</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) 126</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">C) 23</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">D) 31.5</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A = <span class="frac"><span class="num">1</span><span class="den">2</span></span>(14)(9) = 63.</p>
</div>
</div>
<div class="problem" id="pa-2">
<p class="prompt">2. A parallelogram has base 11 and height 6. What is its area?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-2',true)">A) 66</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">B) 17</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">C) 33</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">D) 132</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A = bh = 11 × 6 = 66.</p>
</div>
</div>
<div class="problem" id="pa-3">
<p class="prompt">3. A trapezoid has parallel sides of 8 and 14, and a height of 5. What is its area?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-3',true)">A) 55</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">B) 110</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">C) 60</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">D) 35</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A = <span class="frac"><span class="num">1</span><span class="den">2</span></span>(8 + 14)(5) = <span class="frac"><span class="num">1</span><span class="den">2</span></span>(22)(5) = 55.</p>
</div>
</div>
<div class="problem" id="pa-4">
<p class="prompt">4. A rectangle has a perimeter of 34 and a length of 10. What is its area?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-4',true)">A) 70</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">B) 170</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">C) 34</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">D) 24</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Perimeter = 2(l + w) = 34, so l + w = 17. With l = 10, w = 7. Area = 10 × 7 = 70.</p>
</div>
</div>
<div class="problem" id="pa-5">
<p class="prompt">5. A square has a perimeter of 36. What is its area?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-5',true)">A) 81</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">B) 36</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">C) 9</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">D) 144</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Each side is 36 ÷ 4 = 9. Area = 9² = 81.</p>
</div>
</div>
<!-- ============ SECTION B ============ -->
<h2 id="circles">2. Circles: Circumference and Area</h2>
<p class="step-math" style="text-align:center; font-size:1.1rem;">C = 2πr A = πr²</p>
<div class="example">
<p><strong>Worked Example:</strong> A circle has radius 6. Find its circumference and area.</p>
<p class="step-math">C = 2π(6) = 12π</p>
<p class="step-math">A = π(6)² = 36π</p>
</div>
<div class="problem" id="pb-1">
<p class="prompt">1. A circle has radius 9. What is its circumference, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-1',true)">A) 18π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">B) 81π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">C) 9π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">D) 36π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> C = 2π(9) = 18π.</p>
</div>
</div>
<div class="problem" id="pb-2">
<p class="prompt">2. A circle has radius 9. What is its area, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-2',true)">A) 81π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">B) 18π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">C) 9π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">D) 162π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A = π(9)² = 81π.</p>
</div>
</div>
<div class="problem" id="pb-3">
<p class="prompt">3. A circle has a diameter of 20. What is its area, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-3',true)">A) 100π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">B) 400π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">C) 20π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">D) 40π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The radius is half the diameter: 10. A = π(10)² = 100π.</p>
</div>
</div>
<div class="problem" id="pb-4">
<p class="prompt">4. A circle has a circumference of 20π. What is its radius?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-4',true)">A) 10</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">B) 20</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">C) 40</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">D) 5</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 2πr = 20π, so r = 10.</p>
</div>
</div>
<div class="problem" id="pb-5">
<p class="prompt">5. A circle has an area of 49π. What is its diameter?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-5',true)">A) 14</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">B) 7</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">C) 49</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">D) 24.5</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> πr² = 49π, so r² = 49 and r = 7. The diameter is twice the radius: 14.</p>
</div>
</div>
<!-- ============ SECTION C ============ -->
<h2 id="volume">3. Volume of 3D Solids</h2>
<table class="ref">
<tr><th>Solid</th><th>Volume formula</th></tr>
<tr><td>Rectangular prism</td><td>V = lwh</td></tr>
<tr><td>Cylinder</td><td>V = πr²h</td></tr>
<tr><td>Cone</td><td>V = <span class="frac"><span class="num">1</span><span class="den">3</span></span>πr²h</td></tr>
<tr><td>Sphere</td><td>V = <span class="frac"><span class="num">4</span><span class="den">3</span></span>πr³</td></tr>
<tr><td>Pyramid</td><td>V = <span class="frac"><span class="num">1</span><span class="den">3</span></span>Bh (B = base area)</td></tr>
</table>
<div class="example">
<p><strong>Worked Example:</strong> A rectangular prism has length 5, width 4, and height 3. Find its volume.</p>
<p class="step-math">V = 5 × 4 × 3 = 60</p>
</div>
<div class="problem" id="pc-1">
<p class="prompt">1. A rectangular prism has length 8, width 5, and height 3. What is its volume?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-1',true)">A) 120</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">B) 16</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">C) 40</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">D) 96</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> V = 8 × 5 × 3 = 120.</p>
</div>
</div>
<div class="problem" id="pc-2">
<p class="prompt">2. A cylinder has radius 4 and height 10. What is its volume, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-2',true)">A) 160π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">B) 40π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">C) 80π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">D) 16π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> V = π(4)²(10) = 160π.</p>
</div>
</div>
<div class="problem" id="pc-3">
<p class="prompt">3. A cube has an edge length of 6. What is its volume?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-3',true)">A) 216</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">B) 36</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">C) 18</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">D) 108</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> V = 6³ = 216.</p>
</div>
</div>
<div class="problem" id="pc-4">
<p class="prompt">4. A cone has radius 3 and height 8. What is its volume, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-4',true)">A) 24π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">B) 72π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">C) 216π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">D) 8π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> V = <span class="frac"><span class="num">1</span><span class="den">3</span></span>π(3)²(8) = <span class="frac"><span class="num">1</span><span class="den">3</span></span>π(9)(8) = <span class="frac"><span class="num">1</span><span class="den">3</span></span>(72π) = 24π.</p>
</div>
</div>
<div class="problem" id="pc-5">
<p class="prompt">5. A sphere has radius 3. What is its volume, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-5',true)">A) 36π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">B) 108π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">C) 27π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">D) 12π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> V = <span class="frac"><span class="num">4</span><span class="den">3</span></span>π(3)³ = <span class="frac"><span class="num">4</span><span class="den">3</span></span>π(27) = 36π.</p>
</div>
</div>
<div class="problem" id="pc-6">
<p class="prompt">6. A pyramid has a square base with side length 6 and a height of 10. What is its volume?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-6',true)">A) 120</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-6',false)">B) 360</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-6',false)">C) 60</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-6',false)">D) 216</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The base area is 6² = 36. V = <span class="frac"><span class="num">1</span><span class="den">3</span></span>(36)(10) = 120.</p>
</div>
</div>
<!-- ============ SECTION D ============ -->
<h2 id="surface-area">4. Surface Area and Composite Figures</h2>
<p><strong>Surface area</strong> measures the total area covering a solid's exterior. A <strong>composite figure</strong> combines two or more basic shapes, break it into simpler pieces, then add or subtract as needed.</p>
<table class="ref">
<tr><th>Solid</th><th>Surface area formula</th></tr>
<tr><td>Rectangular prism</td><td>SA = 2(lw + lh + wh)</td></tr>
<tr><td>Cylinder</td><td>SA = 2πr² + 2πrh</td></tr>
<tr><td>Sphere</td><td>SA = 4πr²</td></tr>
<tr><td>Cube</td><td>SA = 6s²</td></tr>
</table>
<div class="example">
<p><strong>Worked Example:</strong> A cube has a surface area of 384 square inches. What is its volume?</p>
<p>SA = 6s² = 384, so s² = 64 and s = 8.</p>
<p class="step-math">V = 8³ = 512</p>
</div>
<div class="problem" id="pd-1">
<p class="prompt">1. A rectangular prism has length 4, width 3, and height 5. What is its surface area?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-1',true)">A) 94</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">B) 47</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">C) 60</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">D) 188</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> SA = 2[(4)(3) + (4)(5) + (3)(5)] = 2(12 + 20 + 15) = 2(47) = 94.</p>
</div>
</div>
<div class="problem" id="pd-2">
<p class="prompt">2. A cylinder has radius 4 and height 6. What is its total surface area, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-2',true)">A) 80π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">B) 96π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">C) 64π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">D) 48π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> SA = 2π(4)² + 2π(4)(6) = 32π + 48π = 80π.</p>
</div>
</div>
<div class="problem" id="pd-3">
<p class="prompt">3. A sphere has radius 5. What is its surface area, in terms of π?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-3',true)">A) 100π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">B) 25π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">C) 500π</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">D) 50π</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> SA = 4π(5)² = 100π.</p>
</div>
</div>
<div class="problem" id="pd-4">
<p class="prompt">4. A rectangular garden measures 15 feet by 8 feet. A walkway of uniform width 2 feet surrounds it. What is the total area of the garden and walkway combined?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-4',true)">A) 228 square feet</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">B) 120 square feet</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">C) 174 square feet</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">D) 342 square feet</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The walkway adds 2 feet on every side, so the outer dimensions are 19 by 12: 19 × 12 = 228 square feet.</p>
</div>
</div>
<div class="problem" id="pd-5">
<p class="prompt">5. A cube has a surface area of 150 square inches. What is its volume?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-5',true)">A) 125</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-5',false)">B) 25</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-5',false)">C) 750</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-5',false)">D) 30</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 6s² = 150, so s² = 25 and s = 5. Volume: 5³ = 125.</p>
</div>
</div>
<!-- ============ MISTAKES ============ -->
<h2 id="mistakes">Common Mistakes to Avoid</h2>
<ul class="mistake-list">
<li><strong>Answering with perimeter when the question asks for area, or vice versa.</strong> Underline exactly what's being asked before calculating, area uses square units, perimeter uses linear units.</li>
<li><strong>Forgetting to square the radius in a circle's area formula.</strong> A = πr², not πr, this is one of the single most common errors on circle problems.</li>
<li><strong>Confusing radius and diameter.</strong> Every formula involving a circle or sphere uses the radius. If a problem gives a diameter, divide by 2 before substituting.</li>
<li><strong>Forgetting the <span class="frac"><span class="num">1</span><span class="den">3</span></span> factor for cones and pyramids.</strong> A cone or pyramid has exactly one-third the volume of a cylinder or prism with the same base and height.</li>
<li><strong>Mixing up inconsistent units before calculating.</strong> A box listed as 2 feet by 18 inches by 1 foot needs every dimension in the same unit before multiplying, rewrite 18 inches as 1.5 feet first.</li>
</ul>
<!-- ============ FAQ ============ -->
<h2 id="faq">Frequently Asked Questions</h2>
<div class="faq-item">
<h3>Which area and volume formulas are most important to know cold for the ACT?</h3>
<p>Rectangle area, triangle area, circle circumference and area, rectangular prism volume, and cylinder volume come up the most often. Sphere and cone volume are also worth knowing, since they're not easy to derive on the spot, even though the ACT occasionally provides less common formulas directly within a question.</p>
</div>
<div class="faq-item">
<h3>How should I approach a composite figure problem?</h3>
<p>Break the figure into shapes you already have formulas for, calculate each piece separately, and then add or subtract them based on whether the pieces combine together or one is being removed from another.</p>
</div>
<div class="faq-item">
<h3>Why does volume use cubic units while area uses square units?</h3>
<p>Area measures a two-dimensional region, so it scales with two multiplied dimensions (length × width), giving square units. Volume measures three-dimensional space, scaling with three multiplied dimensions, giving cubic units.</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-perimeter-area-volume-quiz-1">Perimeter, Area & Volume 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-perimeter-area-volume-quiz-1">Practice Perimeter, Area & Volume 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>