pages.courses.show.header
pages.courses.show.course_updated
pages.courses.show.subscription_description
pages.courses.show.included.header
models.attributes.base.description
The layout of elements on a page is a vast subject with plenty of peculiarities. They can be taken into account once you know the fundamental rules of CSS and how to control the flow of documents within the HTML markup. This course will walk you through the basic principles of element positioning step-by-step through practice
pages.courses.show.skills
- Control the document flow by being aware of how the browser works
- Put into practice all types of HTML element positioning
- Create interactive pages while understanding the essence of the layout
pages.courses.show.syllabus
1 | Intro Meet the course |
2 | Document flow Learn how browsers render HTML and what a normal document flow is |
3 | Relative positioning Learn to use relative positioning and its features |
4 | Absolute positioning Learn how to pull an element from a normal flow |
5 | Relative and absolute positioning Learn about the relationship between the absolute and relative positioning. Find out how to position an element relative to another block absolutely |
6 | Fixed positioning Learn to position the element relative to the browser itself |
7 | Floating elements Discover floating elements and their features |
8 | Element overlap Learn about element overlapping, and its relation to positioning |
pages.courses.show.challenges
1 | Timeline |
2 | Modal Box Positioning |
3 | Custom Checkbox |
4 | Drop Down Menu |
pages.courses.show.recommended_programs
- pages.courses.pros.right_in_browser
- pages.courses.pros.lifetime_access
- pages.courses.pros.learn_as_you_go
pages.courses.show.subscription_description