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:⌘↵