Please enable JavaScript to use CodeHS

Mobile Apps

View Syllabus Overview

Lesson 4.4 Flex Layouts

Description

In this lesson, students will learn how to create responsive layouts using flex values.

Objective

Students will be able to:

  • size components relative to each other and the screen size using flex

Activities

These are all the activities included in the lesson

4.4.1 Flex Layouts
4.4.2 Quiz: Flex Layouts
4.4.3 Using Flex Ratios
4.4.4 Even Quadrants
4.4.5 Uneven Quadrants
4.4.6 Rainbow Background with Flex
4.4.7 Simple Flag with Flex
4.4.8 Advanced Flag with Flex
4.4.9 SnapChat Login Page Pt 4: Flex