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