Stage#1. Positioning in CSS. Flex 🌐
This module focuses on the essential aspects of CSS positioning and Flexbox layouts. It's designed to equip students with a comprehensive understanding of CSS position properties and the block-model concept. Moreover, it emphasizes the use of Flexbox for creating responsive and efficient web layouts.
Students will:
- Gain an in-depth understanding of CSS 'position' properties and the 'block-model'.
- Learn both basic and advanced Flexbox layout techniques, crucial for responsive web design.
- 6 hours
Students should explore the following resources:
-
Basics of Element Positioning:
-
Flexbox:
- Complete the "[St1] CSS Positioning & Flexbox" test in the RS APP > Auto Test.
Enhance your skills with these supplementary materials: