gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Rus] RWD: CSS Grid Improved translation of align-an-item-horizontally-using-justify-self (#23468)

Browse Source
This commit is contained in:
elcodex
2018-11-02 23:00:44 +05:00
committed by Gregory Gubarev
parent 1381298d96
commit 62c2a10c4b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.russian.md
View File

@ -3,14 +3,14 @@ id: 5a90374338fddaf9a66b5d3a
title: Align an Item Horizontally using justify-self title: Align an Item Horizontally using justify-self
challengeType: 0 challengeType: 0
videoUrl: '' videoUrl: ''
localeTitle: 'Выровнять элемент по горизонтали, используя оправдание' localeTitle: Выравнивание элемента по горизонтали, используя justify-self
--- ---
## Description ## Description
<section id="description"> В CSS Grid содержимое каждого элемента находится в ящике, который называется <dfn>ячейкой</dfn> . Вы можете выравнивать позицию содержимого внутри своей ячейки по горизонтали, используя свойство <code>justify-self</code> для элемента сетки. По умолчанию это свойство имеет значение <code>stretch</code> , которое сделает содержимое заполнением всей ширины ячейки. Это свойство CSS Grid принимает и другие значения: <code>start</code> : выравнивает содержимое слева от ячейки, в <code>center</code> : выравнивает содержимое в центре ячейки, <code>end</code> : выравнивает содержимое справа от ячейки. </section> <section id="description"> В CSS Grid содержимое каждого элемента находится в так называемой <dfn>ячейке</dfn> . Вы можете выравнивать содержимое внутри ячейки по горизонтали, используя свойство <code>justify-self</code> для элемента грида. По умолчанию это свойство имеет значение <code>stretch</code> , т.е. содержимое заполняет всю ширину ячейки. Это свойство CSS Grid принимает и другие значения: <code>start</code> : выравнивает содержимое по левую сторону ячейки, <code>center</code> : выравнивает содержимое по центру ячейки, <code>end</code> : выравнивает содержимое по правую сторону ячейки. </section>
## Instructions ## Instructions
<section id="instructions"> Используйте свойство <code>justify-self</code> для <code>item2</code> элемента с помощью <code>item2</code> . </section> <section id="instructions"> Используйте свойство <code>justify-self</code> для выравнивания элемента с классом <code>item2</code> по центру ячейки. </section>
## Tests ## Tests
<section id='tests'> <section id='tests'>