Edit Chapter

Title

Slug (optional)

Summary (optional)

Render Mode

Markdown

HTML (WYSIWYG)

Markdown Content

Supports tables, fenced code, footnotes, checklists, etc.

HTML Content

<div class="d-flex align-items-center gap-2 mb-2">
    <span class="badge text-bg-warning">Vocabulary</span>
    <span class="badge text-bg-light border">Idioms &amp; Phrases</span>
  </div>
  <p class="text-muted">Fixed expressions, figurative meaning, usage pitfalls, and practice.</p>
  <hr class="mt-3">

<div class="row g-3">
    <div class="col-12 col-lg-8">
      <div class="card shadow-sm">
        <div class="card-body">
          <h4 class="card-title mb-2">What is an idiom?</h4>
          <p class="mb-2">
            An <strong>idiom</strong> is a fixed expression whose overall meaning is <em>not</em> the sum of its parts.
            A <strong>phrase</strong> may be literal or figurative; many set phrases are conventional collocations.
          </p>
          <div class="alert alert-info small mb-3">
            <strong>Quick idea:</strong> Idioms are “frozen” wordings with a figurative sense, e.g., <em>break the ice</em> (= start a friendly interaction).
          </div>

<div class="table-responsive">
            <table class="table table-sm align-middle">
              <thead class="table-light">
                <tr>
                  <th style="">Idiom / Phrase</th>
                  <th style="">Meaning</th>
                  <th style="">Example</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><strong>hit the nail on the head</strong></td>
                  <td>state something exactly right</td>
                  <td>Her analysis <em>hit the nail on the head</em>.</td>
                </tr>
                <tr>
                  <td><strong>once in a blue moon</strong></td>
                  <td>very rarely</td>
                  <td>I eat dessert <em>once in a blue moon</em>.</td>
                </tr>
                <tr>
                  <td><strong>cost an arm and a leg</strong></td>
                  <td>be extremely expensive</td>
                  <td>The vintage lens <em>cost an arm and a leg</em>.</td>
                </tr>
                <tr>
                  <td><strong>under the weather</strong></td>
                  <td>feeling unwell</td>
                  <td>He’s <em>under the weather</em> today.</td>
                </tr>
                <tr>
                  <td><strong>a blessing in disguise</strong></td>
                  <td>a good thing that seemed bad at first</td>
                  <td>The delay was <em>a blessing in disguise</em>.</td>
                </tr>
              </tbody>
            </table>
          </div>

<blockquote class="blockquote mt-3">
            <p class="mb-4">“Idioms add colour—use them where they sound natural for the audience and register.”</p>
            <footer class="blockquote-footer">Usage Tip</footer>
          </blockquote>
        </div>
      </div>
    </div>

<div class="col-12 col-lg-4">
      <div class="card border-0 bg-light h-100">
        <div class="card-body">
          <h6 class="text-uppercase text-muted">Key points</h6>
          <ul class="mb-2">
            <li>Meaning is figurative, not literal.</li>
            <li>Form is often fixed (don’t alter words/order).</li>
            <li>Register matters (formal vs informal).</li>
            <li>Some are region-specific; avoid clichés in formal writing.</li>
          </ul>
          <div class="small">
            <span class="badge rounded-pill text-bg-secondary me-1 mb-1">figurative</span>
            <span class="badge rounded-pill text-bg-secondary me-1 mb-1">register</span>
            <span class="badge rounded-pill text-bg-secondary me-1 mb-1">collocation</span>
            <span class="badge rounded-pill text-bg-secondary me-1 mb-1">fixed form</span>
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="row g-3 mt-3">
    <div class="col-12">
      <div class="card shadow-sm">
        <div class="card-body">
          <h4 class="card-title mb-2">Transparency &amp; Variation</h4>
          <p class="mb-3">Idioms differ in how “guessable” they are and how fixed their wording is.</p>
          <div class="row g-3">
            <div class="col-md-6 col-xl-4">
              <div class="border rounded p-3 h-100">
                <h6 class="mb-1">Transparent</h6>
                <p class="small mb-2">Nearly literal; easy to infer.</p>
                <ul class="small mb-0">
                  <li><em>see the light</em> (understand)</li>
                  <li><em>lose your way</em> (become confused)</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xl-4">
              <div class="border rounded p-3 h-100">
                <h6 class="mb-1">Semi-transparent</h6>
                <p class="small mb-2">Part literal, part figurative.</p>
                <ul class="small mb-0">
                  <li><em>break the ice</em> (start social ease)</li>
                  <li><em>spill the beans</em> (reveal secret)</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xl-4">
              <div class="border rounded p-3 h-100">
                <h6 class="mb-1">Opaque</h6>
                <p class="small mb-2">Meaning not inferable from words.</p>
                <ul class="small mb-0">
                  <li><em>kick the bucket</em> (die)</li>
                  <li><em>red herring</em> (distractor)</li>
                </ul>
              </div>
            </div>
          </div>

<div class="alert alert-warning mt-3 mb-0">
            <strong>Rule:</strong> Keep the idiom’s wording intact; changing articles/verb forms may sound wrong.
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="row g-3 mt-3">
    <div class="col-12 col-lg-6">
      <div class="card h-100">
        <div class="card-body">
          <h5 class="card-title">Common Pitfalls</h5>
          <ul class="mb-2">
            <li><strong>Literal mistranslation:</strong> Don’t read <em>break a leg</em> literally.</li>
            <li><strong>Morphing the set phrase:</strong> ❌ <em>spill the bean</em> → ✅ <em>spill the beans</em>.</li>
            <li><strong>Register clash:</strong> Avoid casual idioms in formal policy or academic abstracts.</li>
          </ul>
          <p class="small text-muted mb-0">If unsure, search reputable sources to confirm form &amp; context.</p>
        </div>
      </div>
    </div>

<div class="col-12 col-lg-6">
      <figure class="border rounded p-3 bg-light h-100 d-flex flex-column">
        <img src="https://via.placeholder.com/640x360?text=Idioms+%26+Phrases" alt="Idioms and phrases illustration" class="img-fluid rounded" loading="lazy" width="640" height="360">
        <figcaption class="small text-muted mt-2">
          Visual placeholder. Replace with your course image showing figurative vs literal meaning.
        </figcaption>
      </figure>
    </div>
  </div>

<div class="row g-3 mt-3">
    <div class="col-12">
      <div class="card shadow-sm">
        <div class="card-body">
          <h4 class="card-title mb-2">Natural vs Awkward</h4>
          <p class="mb-3">Prefer the standard form and typical collocations:</p>
          <div class="table-responsive">
            <table class="table table-hover align-middle">
              <thead class="table-light">
                <tr>
                  <th>Target Meaning</th>
                  <th>Natural</th>
                  <th>Awkward / Wrong</th>
                  <th>Why</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Encourage good luck (theatre)</td>
                  <td><strong>Break a leg!</strong></td>
                  <td><span class="text-danger">Crack a leg!</span></td>
                  <td>Fixed wording; don’t substitute synonyms.</td>
                </tr>
                <tr>
                  <td>Reveal a secret</td>
                  <td><strong>Spill the beans</strong></td>
                  <td><span class="text-danger">Spill the bean</span></td>
                  <td>Plural is part of the idiom.</td>
                </tr>
                <tr>
                  <td>Start a conversation lightly</td>
                  <td><strong>Break the ice</strong></td>
                  <td><span class="text-danger">Crack the ice</span></td>
                  <td>“Break” is conventional; “crack” sounds odd.</td>
                </tr>
                <tr>
                  <td>Stop working (day’s end)</td>
                  <td><strong>Call it a day</strong></td>
                  <td><span class="text-danger">Call off the day</span></td>
                  <td>Wrong verb/particle; idiom is fixed.</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="small text-muted">Tip: Check idiom dictionaries or major news outlets for standard forms.</div>
        </div>
      </div>
    </div>
  </div>

<div class="row g-3 mt-4">
    <div class="col-12">
      <h4 class="fw-bold">Practice</h4>
    </div>

<div class="col-12 col-lg-6">
      <div class="card shadow-sm h-100">
        <div class="card-body">
          <h5 class="card-title">A) Multiple Choice</h5>
          <ol class="mb-0">
            <li class="mb-2">
              “to postpone a decision” (informal): 
              <div class="mt-1">
                <span class="badge rounded-pill text-bg-light border me-1">bite the bullet</span>
                <span class="badge rounded-pill text-bg-light border me-1">let the cat out of the bag</span>
                <span class="badge rounded-pill text-bg-light border me-1">sleep on it</span>
                <span class="badge rounded-pill text-bg-light border me-1">hit the sack</span>
              </div>
            </li>
            <li class="mb-2">
              “to start working very hard”:
              <div class="mt-1">
                <span class="badge rounded-pill text-bg-light border me-1">hit the books</span>
                <span class="badge rounded-pill text-bg-light border me-1">hit the road</span>
                <span class="badge rounded-pill text-bg-light border me-1">hit the ceiling</span>
                <span class="badge rounded-pill text-bg-light border me-1">hit the hay</span>
              </div>
            </li>
            <li class="mb-2">
              “to accept something unpleasant and proceed”:
              <div class="mt-1">
                <span class="badge rounded-pill text-bg-light border me-1">bite the bullet</span>
                <span class="badge rounded-pill text-bg-light border me-1">break the news</span>
                <span class="badge rounded-pill text-bg-light border me-1">break even</span>
                <span class="badge rounded-pill text-bg-light border me-1">break a sweat</span>
              </div>
            </li>
          </ol>
        </div>
      </div>
    </div>

<div class="col-12 col-lg-6">
      <div class="card shadow-sm h-100">
        <div class="card-body">
          <h5 class="card-title">B) Fill in the Blanks</h5>
          <ol class="mb-0">
            <li class="mb-2">We haven’t decided yet—let’s ________ and see tomorrow. <em>(sleep on it / hold your horses)</em></li>
            <li class="mb-2">Don’t ________; the data proves the approach works. <em>(make a mountain out of a molehill / spill the beans)</em></li>
            <li class="mb-2">Before the meeting, we should ________ with a quick game. <em>(break the ice / break the news)</em></li>
            <li class="mb-2">They finally ________ and accepted the terms. <em>(bit the bullet / kicked the bucket)</em></li>
          </ol>
        </div>
      </div>
    </div>

<div class="col-12">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title mb-2">C) Tiny code sample (formatting test)</h5>
          <pre class="mb-0"><code>// Return a short hint if a string looks like a known idiom
const idiomHint = (s) =&gt; {
  const list = ["break the ice","spill the beans","bite the bullet","hit the books"];
  return list.includes(s.toLowerCase()) ? "idiom: use figuratively" : "literal/other";
};</code></pre>
        </div>
      </div>
    </div>
  </div>

<div class="row g-3 mt-4">
    <div class="col-12">
      <div class="card border-0 bg-light">
        <div class="card-body">
          <h5 class="card-title">Short Reading</h5>
          <p class="mb-2">
            The facilitator tried to <strong>break the ice</strong> with a short quiz. When the results leaked,
            someone must have <strong>spilled the beans</strong>. In the end, the team <strong>bit the bullet</strong>
            and stayed late to finish the task.
          </p>
          <p class="small text-muted mb-0">Task: Replace the bold idioms with literal paraphrases without changing meaning.</p>
        </div>
      </div>
    </div>

<div class="col-12 col-lg-8">
      <details class="border rounded">
        <summary class="p-3 fw-semibold">Show Suggested Answers</summary>
        <div class="p-3">
          <h6 class="fw-semibold">MCQ</h6>
          <ol>
            <li><strong>sleep on it</strong></li>
            <li><strong>hit the books</strong></li>
            <li><strong>bite the bullet</strong></li>
          </ol>
          <h6 class="fw-semibold">Fill in the Blanks</h6>
          <ol>
            <li><strong>sleep on it</strong></li>
            <li><strong>make a mountain out of a molehill</strong></li>
            <li><strong>break the ice</strong></li>
            <li><strong>bit the bullet</strong></li>
          </ol>
          <h6 class="fw-semibold">Reading (paraphrase)</h6>
          <p class="mb-0 small">
            break the ice → <em>start friendly interaction</em>;
            spilled the beans → <em>revealed the secret</em>;
            bit the bullet → <em>accepted the unpleasant necessity</em>.
          </p>
        </div>
      </details>
    </div>

<div class="col-12 col-lg-4">
      <div class="card border-0 bg-light h-100">
        <div class="card-body">
          <h6 class="text-uppercase text-muted">Exam tips</h6>
          <ul class="small mb-0">
            <li>Choose the idiom that matches the sentence’s tone and domain.</li>
            <li>Don’t alter idiom wording unless a variant is standard.</li>
            <li>Avoid overusing idioms in formal reports; paraphrase instead.</li>
            <li>Confirm meaning via dictionary if unsure.</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

</div>

Rich formatting, tables, media embeds. (Server sanitizes HTML with Bleach.)

Topic

Sort Order

Active

Cancel

Learning Modules

Main Menu

Learning Modules

Settings

Edit Chapter