From 184dc8165bfa7de81979f1b82bcfd8bac6d4e038 Mon Sep 17 00:00:00 2001 From: Scott Tran Date: Wed, 31 Oct 2018 17:35:26 -0500 Subject: [PATCH] Added Hint/Solution to "align-self" Challenge (#20640) --- .../index.md | 20 ++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/css-grid/align-an-item-vertically-using-align-self/index.md b/guide/english/certifications/responsive-web-design/css-grid/align-an-item-vertically-using-align-self/index.md index cb02a91a03..c70505c386 100644 --- a/guide/english/certifications/responsive-web-design/css-grid/align-an-item-vertically-using-align-self/index.md +++ b/guide/english/certifications/responsive-web-design/css-grid/align-an-item-vertically-using-align-self/index.md @@ -3,8 +3,22 @@ title: Align an Item Vertically using align-self --- ## Align an Item Vertically using align-self -This is a stub. Help our community expand it. +In this challenge you are required to use the "align-self" property to vertically align a grid item. -This quick style guide will help ensure your pull request gets accepted. +### Hint - +You can vertically align an item by declaring the following in your CSS codeblock: + +````css +align-self: value; +```` + +where value is how you would like to vertically align the item. + +### Solution + +Since this challenge requires you to vertically align the item with the class `item3` at the end, declare the following in your `.item3` CSS codeblock: + +````css +align-self: end; +````