All Tracks/lab event flyer page/
Đang tải...
Hướng dẫn thử thách
1 / 1

Build an Event Flyer Page

**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should have a `header` element within the body. 1. Your `header` element should have an image in it for your event, and an `h1` in it with your event title, in that order. You can use this image if you would like: `https://cdn.freecodecamp.org/curriculum/labs/event.jpg` 1. You should have a `main` element within the body. 1. Your `main` element should have at least two `section` elements within it showcasing the event features. 1. Your `section` elements each should have an `h2` within them. 1. Your body should have a top and bottom padding of `50px`. 1. Your body should have a top and bottom margin of `0`, and a left and right margin that centers itself. 1. Your body should have a width set relative to the width of the viewport. 1. Your body should use the `calc` function to set its `min-height` property to 100% of the viewport's height minus all padding applied to the top and bottom of the body. 1. You should have at least one `hr` within your flyer. 1. You should set the `width` of all `hr` and `section` elements to a percent value relative to its parent. **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
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:⌘↵
Test Output
Thử thách này không có bài test tự động. Hãy quan sát kết quả trực tiếp ở khung Preview.