Comprehension Checkpoint
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore eveniet dolorem minima cum, modi error ab hic iste expedita. Quam quasi fugit facere ad atque quidem minima, itaque dolor facilis?
Comprehension Checkpoint
<div class="comprehension-checkpoint margin-y-4">
<h6 class="comprehension-checkpoint__header">
<span>
<span class="icon icon-question"></span>
</span>
Comprehension Checkpoint
</h6>
<form>
<div class="form-entry">
<div class="form-entry__field">
<span class="form-entry__field__label">
Our knowledge about the internal structure of Earth comes mainly from
</span>
<div class="form-entry__option">
<div class="form-entry__option__radio" data-answer="correct">
<label>
<input
type="radio"
value="earthquakes"
name="quiz-question-example-01">
<span class="option__label">
<span class="screen-reader-only">a.</span> earthquakes.
</span>
</label>
<span class="quiz__response">
<strong>
You are correct!
</strong>
</span>
</div>
<div class="form-entry__option__radio" data-answer="incorrect">
<label>
<input
type="radio"
value="deep mine shafts"
name="quiz-question-example-01">
<span class="option__label">
<span class="screen-reader-only">b.</span> deep mine shafts.
</span>
</label>
<span class="quiz__response">
<strong>
Sorry, that is incorrect!
</strong>
</span>
</div>
</div>
</div>
</div>
</form>
</div>
The <blockquote>
Element:
-
The block quote should always be wrapped in a
<blockquote>
element. -
The
<blockquote>
can optionally include acite
attribute that provides a URL reference to the original source.
The <p>
Element:
-
Every block quote should contain at least one
<p>
element. -
The
<p>
element should encapsulate the actual quotation text. -
There should not be any other elements (like headings or lists) directly inside the
<blockquote>
other than the<p>
and<footer>
.