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