10 exam-style questions with answers and explanations, straight from our 1,030-question bank. Tap an answer to check yourself. When you're ready, take the scored version in the free practice test.
The CHS-WDES1 exam has 45 questions and runs 1 hours 30 minutes.
These 10 free CHS-WDES1 questions are organized by exam domain, so you can see how each part of the CodeHS Web Design Level 1 blueprint is tested. Reveal the answer and explanation under each question.
A portfolio looks correct when opened from its author's computer. On the published site, text and images load, but every page is unstyled in two browsers. All HTML files are at the site's root and contain this reference: <link rel="stylesheet" href="css/site.css"> The host's file listing includes the HTML and images but no css directory. What is the most direct repair?
Correct answer: C - Upload site.css into a css directory at the site's root.
A school blocks a discussion forum. Its filter also blocks an unrelated student portfolio that shares the forum's hosting address, even though school policy permits the portfolio. Both sites remain available from other networks. How should the portfolio's loss of access be classified?
Correct answer: A - Overblocking: permitted content was caught by a broader restriction.
The only content of a link to a ticket-purchase page is a small ticket icon. The link has no other accessible label: <a href="tickets.html"><img src="ticket.svg" alt="..."></a> What should replace ... to identify the link's purpose?
Correct answer: A - Buy tickets
A school renames its robotics event to 'Build Night'. The visible heading has changed, but browser tabs still read 'Robotics Fair': <head><title>Robotics Fair</title></head> <body><h1>Build Night</h1></body> Where should the remaining name change be made?
Correct answer: B - Replace the text inside <title> with Build Night.
An admission-price table begins with this row: <tr><td>Age group</td><td>Price</td></tr> CSS makes the two cells bold, but the designer also needs them explicitly identified as column headers for assistive technology. Choose the replacement row.
Correct answer: C - <tr><th scope="col">Age group</th><th scope="col">Price</th></tr>
The paragraph is styled only by this HTML and CSS, with no cascade layers or animations: <p id="notice" class="alert" style="color: green;">Closes at six</p> #notice { color: navy !important; } .alert { color: maroon !important; } p { color: purple; } What color is 'Closes at six'?
Correct answer: D - Navy
A sidebar provides 300 CSS pixels for an inline-block card, including its margins. The card has no transforms, min/max-width constraints, or additional spacing: .card { display: inline-block; box-sizing: content-box; width: 260px; padding: 12px; border: 3px solid black; margin: 0 10px; } Does its full horizontal footprint fit?
Correct answer: D - 310px; it is 10px wider than the available space.
Only the background is wrong in this rule: the white text and 24px padding appear, but the intended horizontal gradient does not. .banner { background-color: linear-gradient(to right, #123, #789); color: white; padding: 24px; } Which edit repairs the gradient without changing the other declarations?
Correct answer: A - Replace background-color with background-image.
A 400px by 200px photograph must fill a 300px by 300px thumbnail. The image element has only width: 300px; height: 300px; applied. Cropping is acceptable, but stretching the photograph out of proportion and leaving uncovered space are not. Which declaration satisfies the fitting requirement?
Correct answer: B - object-fit: cover;
On one website, the deployed files are: /shop/item.html /assets/css/theme.css /assets/images/banner.jpg item.html successfully loads theme.css. A background rule in that external stylesheet must load banner.jpg using a relative URL. There are no redirects, URL rewrites, or base elements. Complete the rule: .hero { background-image: url("___"); }
Correct answer: D - ../images/banner.jpg
The full bank has 1,020 more CHS-WDES1 questions with explanations.
Continue in the free practice test →
View plans