Ý nghĩa giá trị stretch của thuộc tính align-items trong CSS

Thuộc tính align-items theo mặc định có giá trị stretch. Giá trị này kéo giãn các phần tử trên toàn bộ chiều rộng dọc theo trục ngang (cross axis). Nó chỉ hoạt động trong trường hợp nếu không có kích thước nào được đặt cho phần tử dọc theo hướng trục ngang. Ví dụ: nếu trục ngang hướng xuống dưới và chiều cao phần tử không được đặt, chúng ta sẽ thấy hiệu ứng như sau:

Còn nếu trục ngang hướng sang phải và chiều rộng phần tử không được đặt, thì chúng ta sẽ thấy hiệu ứng như sau:

Задание 1

Lặp lại trang theo mẫu này:

Задание 2

Lặp lại trang theo mẫu này:

Задание 3

Lặp lại trang theo mẫu này: