Fractions & Rational Expressions | 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: Fractions & Rational Expressions | The School of Mathematics</title>
<meta name="description" content="Learn fractions and rational expressions for the ACT with this free, complete lesson: simplifying fractions and mixed numbers, adding, subtracting, multiplying, and dividing fractions, simplifying rational expressions, and operations with rational expressions including complex fractions. 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; }
.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: Fractions & Rational Expressions</h1>
<p class="intro">
Fractions & Rational Expressions is a foundational ACT Math topic, and it covers both numeric fractions and their algebraic cousins, rational expressions built from variables. This free, complete lesson covers simplifying fractions and mixed numbers, adding, subtracting, multiplying, and dividing fractions, simplifying rational expressions, and operations with rational expressions, including complex fractions. 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-fractions-rational-expressions-quiz-1">Practice Fractions & Rational Expressions 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="#simplifying">Simplifying Fractions and Mixed Numbers</a></li>
<li><a href="#operations">Operations with Fractions</a></li>
<li><a href="#rational-simplify">Simplifying Rational Expressions</a></li>
<li><a href="#rational-operations">Operations with Rational Expressions</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="simplifying">1. Simplifying Fractions and Mixed Numbers</h2>
<p>To simplify a fraction, divide the numerator and denominator by their greatest common factor (GCF). An <strong>improper fraction</strong> (numerator larger than denominator) can be rewritten as a <strong>mixed number</strong>, a whole number plus a proper fraction, and vice versa.</p>
<div class="example">
<p><strong>Worked Example:</strong> Simplify <span class="frac"><span class="num">18</span><span class="den">24</span></span>.</p>
<p>The GCF of 18 and 24 is 6.</p>
<p class="step-math"><span class="frac"><span class="num">18 ÷ 6</span><span class="den">24 ÷ 6</span></span> = <span class="frac"><span class="num">3</span><span class="den">4</span></span></p>
</div>
<div class="problem" id="pa-1">
<p class="prompt">1. Simplify: <span class="frac"><span class="num">24</span><span class="den">36</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-1',true)">A) <span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">B) <span class="frac"><span class="num">3</span><span class="den">4</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">C) <span class="frac"><span class="num">4</span><span class="den">6</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-1',false)">D) <span class="frac"><span class="num">12</span><span class="den">18</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The GCF of 24 and 36 is 12: <span class="frac"><span class="num">24 ÷ 12</span><span class="den">36 ÷ 12</span></span> = <span class="frac"><span class="num">2</span><span class="den">3</span></span>.</p>
</div>
</div>
<div class="problem" id="pa-2">
<p class="prompt">2. Convert <span class="frac"><span class="num">7</span><span class="den">2</span></span> to a mixed number.</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-2',true)">A) 3<span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">B) 2<span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">C) 3<span class="frac"><span class="num">1</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-2',false)">D) 3<span class="frac"><span class="num">2</span><span class="den">1</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> 7 ÷ 2 = 3 with a remainder of 1, so <span class="frac"><span class="num">7</span><span class="den">2</span></span> = 3<span class="frac"><span class="num">1</span><span class="den">2</span></span>.</p>
</div>
</div>
<div class="problem" id="pa-3">
<p class="prompt">3. Convert 4<span class="frac"><span class="num">3</span><span class="den">5</span></span> to an improper fraction.</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-3',true)">A) <span class="frac"><span class="num">23</span><span class="den">5</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">B) <span class="frac"><span class="num">20</span><span class="den">5</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">C) <span class="frac"><span class="num">15</span><span class="den">5</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-3',false)">D) <span class="frac"><span class="num">12</span><span class="den">5</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Multiply the whole number by the denominator and add the numerator: 4 × 5 + 3 = 23, so the result is <span class="frac"><span class="num">23</span><span class="den">5</span></span>.</p>
</div>
</div>
<div class="problem" id="pa-4">
<p class="prompt">4. Simplify: <span class="frac"><span class="num">45</span><span class="den">60</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-4',true)">A) <span class="frac"><span class="num">3</span><span class="den">4</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">B) <span class="frac"><span class="num">9</span><span class="den">12</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">C) <span class="frac"><span class="num">4</span><span class="den">5</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-4',false)">D) <span class="frac"><span class="num">5</span><span class="den">6</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The GCF of 45 and 60 is 15: <span class="frac"><span class="num">45 ÷ 15</span><span class="den">60 ÷ 15</span></span> = <span class="frac"><span class="num">3</span><span class="den">4</span></span>.</p>
</div>
</div>
<div class="problem" id="pa-5">
<p class="prompt">5. Order the following fractions from least to greatest: <span class="frac"><span class="num">3</span><span class="den">5</span></span>, <span class="frac"><span class="num">7</span><span class="den">10</span></span>, <span class="frac"><span class="num">2</span><span class="den">3</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pa-5',true)">A) <span class="frac"><span class="num">3</span><span class="den">5</span></span>, <span class="frac"><span class="num">2</span><span class="den">3</span></span>, <span class="frac"><span class="num">7</span><span class="den">10</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">B) <span class="frac"><span class="num">7</span><span class="den">10</span></span>, <span class="frac"><span class="num">2</span><span class="den">3</span></span>, <span class="frac"><span class="num">3</span><span class="den">5</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">C) <span class="frac"><span class="num">2</span><span class="den">3</span></span>, <span class="frac"><span class="num">3</span><span class="den">5</span></span>, <span class="frac"><span class="num">7</span><span class="den">10</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pa-5',false)">D) <span class="frac"><span class="num">3</span><span class="den">5</span></span>, <span class="frac"><span class="num">7</span><span class="den">10</span></span>, <span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Rewrite with a common denominator of 30: <span class="frac"><span class="num">3</span><span class="den">5</span></span> = <span class="frac"><span class="num">18</span><span class="den">30</span></span>, <span class="frac"><span class="num">7</span><span class="den">10</span></span> = <span class="frac"><span class="num">21</span><span class="den">30</span></span>, and <span class="frac"><span class="num">2</span><span class="den">3</span></span> = <span class="frac"><span class="num">20</span><span class="den">30</span></span>. Ordering the numerators: 18 < 20 < 21, so <span class="frac"><span class="num">3</span><span class="den">5</span></span> < <span class="frac"><span class="num">2</span><span class="den">3</span></span> < <span class="frac"><span class="num">7</span><span class="den">10</span></span>.</p>
</div>
</div>
<!-- ============ SECTION B ============ -->
<h2 id="operations">2. Operations with Fractions</h2>
<p>To add or subtract fractions, first rewrite them with a common denominator. To multiply fractions, multiply straight across, numerator by numerator and denominator by denominator. To divide fractions, multiply by the reciprocal of the second fraction.</p>
<div class="example">
<p><strong>Worked Example:</strong> Compute <span class="frac"><span class="num">2</span><span class="den">3</span></span> + <span class="frac"><span class="num">5</span><span class="den">6</span></span>.</p>
<p>The least common denominator is 6: <span class="frac"><span class="num">2</span><span class="den">3</span></span> = <span class="frac"><span class="num">4</span><span class="den">6</span></span>.</p>
<p class="step-math"><span class="frac"><span class="num">4</span><span class="den">6</span></span> + <span class="frac"><span class="num">5</span><span class="den">6</span></span> = <span class="frac"><span class="num">9</span><span class="den">6</span></span> = <span class="frac"><span class="num">3</span><span class="den">2</span></span></p>
</div>
<div class="problem" id="pb-1">
<p class="prompt">1. Compute: <span class="frac"><span class="num">1</span><span class="den">4</span></span> + <span class="frac"><span class="num">3</span><span class="den">8</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-1',true)">A) <span class="frac"><span class="num">5</span><span class="den">8</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">B) <span class="frac"><span class="num">4</span><span class="den">12</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">C) <span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-1',false)">D) <span class="frac"><span class="num">3</span><span class="den">8</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> <span class="frac"><span class="num">1</span><span class="den">4</span></span> = <span class="frac"><span class="num">2</span><span class="den">8</span></span>, and <span class="frac"><span class="num">2</span><span class="den">8</span></span> + <span class="frac"><span class="num">3</span><span class="den">8</span></span> = <span class="frac"><span class="num">5</span><span class="den">8</span></span>.</p>
</div>
</div>
<div class="problem" id="pb-2">
<p class="prompt">2. Compute: <span class="frac"><span class="num">5</span><span class="den">6</span></span> − <span class="frac"><span class="num">1</span><span class="den">3</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-2',true)">A) <span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">B) <span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">C) <span class="frac"><span class="num">4</span><span class="den">9</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-2',false)">D) <span class="frac"><span class="num">5</span><span class="den">9</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> <span class="frac"><span class="num">1</span><span class="den">3</span></span> = <span class="frac"><span class="num">2</span><span class="den">6</span></span>, and <span class="frac"><span class="num">5</span><span class="den">6</span></span> − <span class="frac"><span class="num">2</span><span class="den">6</span></span> = <span class="frac"><span class="num">3</span><span class="den">6</span></span> = <span class="frac"><span class="num">1</span><span class="den">2</span></span>.</p>
</div>
</div>
<div class="problem" id="pb-3">
<p class="prompt">3. Compute: <span class="frac"><span class="num">2</span><span class="den">3</span></span> × <span class="frac"><span class="num">3</span><span class="den">4</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-3',true)">A) <span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">B) <span class="frac"><span class="num">5</span><span class="den">7</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">C) <span class="frac"><span class="num">6</span><span class="den">7</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-3',false)">D) <span class="frac"><span class="num">3</span><span class="den">4</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Multiply straight across: <span class="frac"><span class="num">2 × 3</span><span class="den">3 × 4</span></span> = <span class="frac"><span class="num">6</span><span class="den">12</span></span> = <span class="frac"><span class="num">1</span><span class="den">2</span></span>.</p>
</div>
</div>
<div class="problem" id="pb-4">
<p class="prompt">4. Compute: <span class="frac"><span class="num">3</span><span class="den">5</span></span> ÷ <span class="frac"><span class="num">2</span><span class="den">7</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-4',true)">A) <span class="frac"><span class="num">21</span><span class="den">10</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">B) <span class="frac"><span class="num">6</span><span class="den">35</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">C) <span class="frac"><span class="num">10</span><span class="den">21</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-4',false)">D) <span class="frac"><span class="num">3</span><span class="den">14</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Multiply by the reciprocal of the second fraction: <span class="frac"><span class="num">3</span><span class="den">5</span></span> × <span class="frac"><span class="num">7</span><span class="den">2</span></span> = <span class="frac"><span class="num">21</span><span class="den">10</span></span>.</p>
</div>
</div>
<div class="problem" id="pb-5">
<p class="prompt">5. Compute: 1<span class="frac"><span class="num">1</span><span class="den">2</span></span> + 2<span class="frac"><span class="num">1</span><span class="den">3</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pb-5',true)">A) 3<span class="frac"><span class="num">5</span><span class="den">6</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">B) 3<span class="frac"><span class="num">1</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">C) 4<span class="frac"><span class="num">1</span><span class="den">6</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pb-5',false)">D) 3<span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> As improper fractions: <span class="frac"><span class="num">3</span><span class="den">2</span></span> + <span class="frac"><span class="num">7</span><span class="den">3</span></span> = <span class="frac"><span class="num">9</span><span class="den">6</span></span> + <span class="frac"><span class="num">14</span><span class="den">6</span></span> = <span class="frac"><span class="num">23</span><span class="den">6</span></span> = 3<span class="frac"><span class="num">5</span><span class="den">6</span></span>.</p>
</div>
</div>
<!-- ============ SECTION C ============ -->
<h2 id="rational-simplify">3. Simplifying Rational Expressions</h2>
<p>A <strong>rational expression</strong> is a fraction with a polynomial in the numerator, denominator, or both. Simplify one by factoring the numerator and denominator completely, then canceling any factors they share.</p>
<div class="example">
<p><strong>Worked Example:</strong> Simplify <span class="frac"><span class="num">x² − 9</span><span class="den">x + 3</span></span>.</p>
<p class="step-math"><span class="frac"><span class="num">(x − 3)(x + 3)</span><span class="den">x + 3</span></span> = x − 3</p>
</div>
<div class="problem" id="pc-1">
<p class="prompt">1. Simplify: <span class="frac"><span class="num">6x²</span><span class="den">9x</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-1',true)">A) <span class="frac"><span class="num">2x</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">B) <span class="frac"><span class="num">6x</span><span class="den">9</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">C) <span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-1',false)">D) <span class="frac"><span class="num">3x</span><span class="den">2</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The GCF of 6x² and 9x is 3x: <span class="frac"><span class="num">6x² ÷ 3x</span><span class="den">9x ÷ 3x</span></span> = <span class="frac"><span class="num">2x</span><span class="den">3</span></span>.</p>
</div>
</div>
<div class="problem" id="pc-2">
<p class="prompt">2. Simplify: <span class="frac"><span class="num">x² − 16</span><span class="den">x − 4</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-2',true)">A) x + 4</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">B) x − 4</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">C) x² − 16</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-2',false)">D) x + 16</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> <span class="frac"><span class="num">(x − 4)(x + 4)</span><span class="den">x − 4</span></span> = x + 4.</p>
</div>
</div>
<div class="problem" id="pc-3">
<p class="prompt">3. Simplify: <span class="frac"><span class="num">x² + 5x + 6</span><span class="den">x + 2</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-3',true)">A) x + 3</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">B) x + 2</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">C) x² + 5x + 6</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-3',false)">D) x + 5</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Factor the numerator: <span class="frac"><span class="num">(x + 2)(x + 3)</span><span class="den">x + 2</span></span> = x + 3.</p>
</div>
</div>
<div class="problem" id="pc-4">
<p class="prompt">4. Simplify: <span class="frac"><span class="num">4x + 8</span><span class="den">x + 2</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-4',true)">A) 4</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">B) 4x</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">C) x + 2</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-4',false)">D) 2</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Factor the numerator: <span class="frac"><span class="num">4(x + 2)</span><span class="den">x + 2</span></span> = 4.</p>
</div>
</div>
<div class="problem" id="pc-5">
<p class="prompt">5. For what value of x is the expression <span class="frac"><span class="num">x + 5</span><span class="den">x − 3</span></span> undefined?</p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pc-5',true)">A) x = 3</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">B) x = −5</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">C) x = −3</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pc-5',false)">D) x = 5</button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A rational expression is undefined wherever its denominator equals 0: x − 3 = 0, so x = 3.</p>
</div>
</div>
<!-- ============ SECTION D ============ -->
<h2 id="rational-operations">4. Operations with Rational Expressions</h2>
<p>Rational expressions follow the exact same rules as numeric fractions: multiply straight across (then simplify), divide by multiplying by the reciprocal, and add or subtract only after finding a common denominator. A <strong>complex fraction</strong>, a fraction within a fraction, is simplified the same way as dividing two fractions.</p>
<div class="example">
<p><strong>Worked Example:</strong> Simplify <span class="frac"><span class="num">3</span><span class="den">x</span></span> × <span class="frac"><span class="num">x²</span><span class="den">6</span></span>.</p>
<p class="step-math"><span class="frac"><span class="num">3x²</span><span class="den">6x</span></span> = <span class="frac"><span class="num">x</span><span class="den">2</span></span></p>
</div>
<div class="problem" id="pd-1">
<p class="prompt">1. Simplify: <span class="frac"><span class="num">x</span><span class="den">4</span></span> ÷ <span class="frac"><span class="num">x²</span><span class="den">8</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-1',true)">A) <span class="frac"><span class="num">2</span><span class="den">x</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">B) <span class="frac"><span class="num">x</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">C) 2x</button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-1',false)">D) <span class="frac"><span class="num">x²</span><span class="den">32</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> Multiply by the reciprocal: <span class="frac"><span class="num">x</span><span class="den">4</span></span> × <span class="frac"><span class="num">8</span><span class="den">x²</span></span> = <span class="frac"><span class="num">8x</span><span class="den">4x²</span></span> = <span class="frac"><span class="num">2</span><span class="den">x</span></span>.</p>
</div>
</div>
<div class="problem" id="pd-2">
<p class="prompt">2. Add: <span class="frac"><span class="num">3</span><span class="den">x</span></span> + <span class="frac"><span class="num">2</span><span class="den">x</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-2',true)">A) <span class="frac"><span class="num">5</span><span class="den">x</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">B) <span class="frac"><span class="num">5</span><span class="den">x²</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">C) <span class="frac"><span class="num">6</span><span class="den">x²</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-2',false)">D) <span class="frac"><span class="num">1</span><span class="den">x</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> These fractions already share a denominator, so just add the numerators: <span class="frac"><span class="num">3 + 2</span><span class="den">x</span></span> = <span class="frac"><span class="num">5</span><span class="den">x</span></span>.</p>
</div>
</div>
<div class="problem" id="pd-3">
<p class="prompt">3. Add: <span class="frac"><span class="num">1</span><span class="den">x</span></span> + <span class="frac"><span class="num">1</span><span class="den">y</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-3',true)">A) <span class="frac"><span class="num">x + y</span><span class="den">xy</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">B) <span class="frac"><span class="num">1</span><span class="den">x + y</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">C) <span class="frac"><span class="num">2</span><span class="den">xy</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-3',false)">D) <span class="frac"><span class="num">x + y</span><span class="den">2</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> The common denominator is xy: <span class="frac"><span class="num">y</span><span class="den">xy</span></span> + <span class="frac"><span class="num">x</span><span class="den">xy</span></span> = <span class="frac"><span class="num">x + y</span><span class="den">xy</span></span>.</p>
</div>
</div>
<div class="problem" id="pd-4">
<p class="prompt">4. Simplify the complex fraction: <span class="frac"><span class="num">1/2</span><span class="den">3/4</span></span></p>
<div class="options">
<button class="option-btn" data-correct="true" onclick="checkAnswer(this,'pd-4',true)">A) <span class="frac"><span class="num">2</span><span class="den">3</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">B) <span class="frac"><span class="num">3</span><span class="den">8</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">C) <span class="frac"><span class="num">3</span><span class="den">2</span></span></button>
<button class="option-btn" data-correct="false" onclick="checkAnswer(this,'pd-4',false)">D) <span class="frac"><span class="num">1</span><span class="den">6</span></span></button>
</div>
<div class="explanation">
<p><span class="label">Explanation:</span> A complex fraction is division: <span class="frac"><span class="num">1</span><span class="den">2</span></span> ÷ <span class="frac"><span class="num">3</span><span class="den">4</span></span> = <span class="frac"><span class="num">1</span><span class="den">2</span></span> × <span class="frac"><span class="num">4</span><span class="den">3</span></span> = <span class="frac"><span class="num">4</span><span class="den">6</span></span> = <span class="frac"><span class="num">2</span><span class="den">3</span></span>.</p>
</div>
</div>
<!-- ============ MISTAKES ============ -->
<h2 id="mistakes">Common Mistakes to Avoid</h2>
<ul class="mistake-list">
<li><strong>Adding or subtracting fractions without a common denominator.</strong> Unlike multiplication, addition and subtraction of fractions require the same denominator first. Never add numerators and denominators separately.</li>
<li><strong>Forgetting to flip the second fraction when dividing.</strong> Dividing by a fraction means multiplying by its reciprocal, flipping only the second fraction, not the first.</li>
<li><strong>Canceling terms instead of factors in a rational expression.</strong> You can only cancel a factor that multiplies the entire numerator and entire denominator, never a term that's only added or subtracted within a larger expression.</li>
<li><strong>Forgetting to factor before canceling.</strong> An expression like <span class="frac"><span class="num">4x + 8</span><span class="den">x + 2</span></span> can't be simplified by canceling the x + 2 pieces directly, it must be factored first, into <span class="frac"><span class="num">4(x + 2)</span><span class="den">x + 2</span></span>, before anything cancels.</li>
<li><strong>Treating a complex fraction like a sum instead of a division.</strong> A fraction stacked over another fraction represents division between the two, not addition, so multiply by the reciprocal of the bottom fraction.</li>
</ul>
<!-- ============ FAQ ============ -->
<h2 id="faq">Frequently Asked Questions</h2>
<div class="faq-item">
<h3>Do I need to find the least common denominator, or will any common denominator work?</h3>
<p>Any common denominator technically works, but the least common denominator keeps the numbers smaller and the arithmetic simpler, which matters on a timed test like the ACT.</p>
</div>
<div class="faq-item">
<h3>Are rational expressions harder than numeric fractions?</h3>
<p>The rules are identical, add/subtract with a common denominator, multiply straight across, divide by the reciprocal. The extra step with rational expressions is factoring first, since the "common factors" you're canceling are algebraic expressions rather than plain numbers.</p>
</div>
<div class="faq-item">
<h3>Why does a rational expression have restricted values?</h3>
<p>Division by zero is undefined, so any x-value that makes the denominator of a rational expression equal zero must be excluded from its domain, even after the expression has been simplified.</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-fractions-rational-expressions-quiz-1">Fractions & Rational Expressions 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-fractions-rational-expressions-quiz-1">Practice Fractions & Rational Expressions 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>