From 799ea788ead281bbc16b16e6a15f80a48497028b Mon Sep 17 00:00:00 2001 From: Scott Tran Date: Tue, 30 Oct 2018 22:26:29 -0500 Subject: [PATCH] Added Hint/Solution to "align-items" Challenge (#20533) --- .../index.md | 20 ++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/css-grid/align-all-items-vertically-using-align-items/index.md b/guide/english/certifications/responsive-web-design/css-grid/align-all-items-vertically-using-align-items/index.md index a1bd3a863e..48ffb43c8a 100644 --- a/guide/english/certifications/responsive-web-design/css-grid/align-all-items-vertically-using-align-items/index.md +++ b/guide/english/certifications/responsive-web-design/css-grid/align-all-items-vertically-using-align-items/index.md @@ -3,8 +3,22 @@ title: Align All Items Vertically using align-items --- ## Align All Items Vertically using align-items -This is a stub. Help our community expand it. +In this challenge you are required to use the "align-items" property to vertically align all the items in the grid. -This quick style guide will help ensure your pull request gets accepted. +### Hint - +You can vertically align the items by declaring the following in your CSS codeblock: + +````css +align-items: value; +```` + +where value is how you could like to vertically align the items. + +### Solution + +Since the challenge requires you to move all the items to the end of each cell (vertically), declare the following in your .container CSS codeblock: + +````css +align-items: end; +````