justify-content trong CSS dùng để căn chỉnh các thành phần trong một

container dựa trên trục chính. Trục chính là trục theo đó các thành phần được
xếp và được xác định bởi thuộc tính flex-direction . justify-content có thể có
các giá trị sau:

 flex-start (mặc định) – căn chỉnh các thành phần về đầu trục chính
 flex-end – căn chỉnh các thành phần về cuối trục chính
 center – căn chỉnh các thành phần giữa trục chính
 space-between – phân bổ các thành phần đều trên trục chính, với
thành phần đầu tiên căn chỉnh về đầu và thành phần cuối cùng căn
chỉnh về cuối
 – phân bổ các thành phần đều trên trục chính, với
space-around
khoảng cách bằng nhau xung quanh mỗi thành phần.
align-items

 stretch :
căn chỉnh các phần tử con sao cho chiều cao của chúng
bằng nhau.
 center : căn chỉnh các phần tử con vào giữa phần tử cha.
 flex-start : căn chỉnh các phần tử con về đầu của phần tử cha.
 flex-end : căn chỉnh các phần tử con về cuối của phần tử cha.
 baseline :
căn chỉnh các phần tử con sao cho các baseline của chúng
bằng nhau.