Hướng dẫn thử thách
1 / 1
Design a Feature Selection Page
**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
**User Stories:**
1. Your page should have an `h1` element with the text `Feature Selection`.
2. Your page should have a `div` element with the class `feature-card-container`.
3. Your page should have at least two `label` elements each with the class `feature-card` inside the `div`.
4. Each of your `label` elements should have label text and an `input` element of type `checkbox` in them.
5. Create a selector that targets the checkboxes, and apply the following styling:
- All of your checkbox elements should be set to `appearance: none;` in your CSS.
- All of your checkbox elements should have a border width, color and style of your choosing.
6. When the checkbox is checked, it should display a checkmark `✓` in the center of the checkbox.
7. When the checkbox is checked, the background color of the checkbox should change to a color of your choosing.
8. When the checkbox is checked, the border color of the checkbox should change to a color of your choosing.
**Note:** Be sure to link your CSS file in your HTML.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵