- Approx. completion time: 1 hour
- Deliverables: 1 HTML file, 1 CSS file, 1 JS file, images
Use Javascript & jQuery to select elements in an HTML file and manipulate their CSS.
- Fork this repository.
- Perform the following tasks on the HTML:
- Select
<header>
— add.masthead
- Select
<h1>
— remove.big-heading
& add.logo
- Select
<main>
— add.wrapper
- Select the first
<p>
inside<main>
— add.intro
- Select the
<h2>
tags — add.slug-head
- Select the list inside
<main>
— add.slug-list
- Select the images — add
.slug-img
- Select the first item in the list — add
.slug-list-first
- Select the last item in the list — add
.slug-list-last
- Select
<dl>
— add.classification
- Select the
<dt>
tags — remove.big-label
- Select the last item in the list — make it visible
- Select
- DO NOT change the HTML.
- DO NOT change the CSS.
- Run it through Markbot and make sure it passes all the checks.
Visually match the images in the “screenshots” folder.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.