Tell us what’s happening:
Nesting four div elements inside div.formrow
Your code so far
<div class="formrow"
<div class="question-block"
<div class="answer"
<div class="question-block"
<div class="answer"
<div class="question-block"
<div class="answer"
<div class="question-block"
<div class="answer"
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14092.77.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.107 Safari/537.36
Challenge: Learn Accessibility by Building a Quiz - Step 35
Link to the challenge:
tsayrol00:
<div class="formrow"
This is an incomplete tag.
It needs the > at the end.
So do all the other tags you used.
Edit: also where are your closing tags?
<section role="region" aria-labelledby="css-questions">
<h2 id="css-questions">CSS</h2>
<div class="formrow"
<div class="question-block">
<div class="answer"</div>
<div class="question-block">
<div class="answer"</div>
<div class="question-block">
<div class="answer"</div>
<div class="question-block">
<div class="answer"</div>
</div>
</section>
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
You have some syntax errors. You have not closed the div elements properly.
The opening tag of the .formrow element does not have >
There is no closing tag for the .question-block divs.
The opening tag of the .answer element is also not closed properly
There are 8 div elements in your .formrow, you only need four divs.
system
Closed
July 2, 2023, 3:11pm
5
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.