Please enable JavaScript to use CodeHS

Mobile Apps

View Syllabus Overview

Lesson 4.5 Using 'Dimensions' to Control Size

Description

In this lesson, students will learn how to create responsive layouts using the Dimensions API.

Objective

Students will be able to:

  • size components relative to each other and the screen size using the Dimensions API
  • note the reasons we would use Dimensions over flex values to create responsive designs

Activities

These are all the activities included in the lesson

4.5.1 Using 'Dimensions' to Control Size
4.5.2 Quiz: Using 'Dimensions' to Control Size
4.5.3 Even Quadrants with 'Dimensions'
4.5.4 Uneven Quadrants with 'Dimensions'
4.5.5 Using 'Dimensions' to Control Font and Image Size
4.5.6 Rainbow Background using 'Dimensions'
4.5.7 Simple Flag using 'Dimensions'
4.5.8 Advanced Flag using 'Dimensions'
4.5.9 SnapChat Login Page Pt 5: 'Dimensions'