From a12cd461ee49b249fe87dd8c480ed5736dad6470 Mon Sep 17 00:00:00 2001
From: Zaur Bairamau <43158272+bairamau@users.noreply.github.com>
Date: Mon, 12 Nov 2018 20:01:23 +0300
Subject: [PATCH] correct translation, typos, wording (#21825)
---
...elements-using-the-justify-content-property.russian.md | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md
index f4cb17d33a..84c04dcc12 100644
--- a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md
@@ -3,21 +3,21 @@ id: 587d78ac367417b2b2512af6
title: Align Elements Using the justify-content Property
challengeType: 0
videoUrl: ''
-localeTitle: Выравнивание элементов Использование свойства обоснования-содержимого
+localeTitle: Выравните элементы используя свойство justify-content
---
## Description
- Иногда элементы гибкости в контейнере flex не заполняют все пространство в контейнере. Обычно хочется сказать CSS, как выровнять и вытеснять элементы flex определенным образом. К счастью, свойство justify-content
имеет несколько вариантов для этого. Но во-первых, перед тем, как рассмотреть эти варианты, необходимо понять какую-то важную терминологию. Вот полезное изображение, показывающее строку, иллюстрирующую приведенные ниже концепции. Напомним, что установка гибкого контейнера в виде строки помещает элементы гибкости бок о бок слева направо. Гибкий контейнер, установленный как столбец, помещает элементы гибкости в вертикальный стек сверху вниз. Для каждого направление расположения элементов гибкости называется главной осью . Для строки это горизонтальная линия, проходящая через каждый элемент. А для столбца главная ось - вертикальная линия через элементы. Существует несколько вариантов того, как перемещать элементы гибкости вдоль линии, которая является главной осью. Одним из наиболее часто используемых является justify-content: center;
, который выравнивает все элементы гибкости до центра внутри гибкого контейнера. Другие варианты включают: -
flex-start
: выравнивает элементы до начала контейнера flex. Для строки это подталкивает элементы слева от контейнера. Для столбца это перемещает элементы вверху контейнера. -
flex-end
: выравнивает элементы до конца гибкого контейнера. Для строки это подталкивает элементы справа от контейнера. Для столбца это подталкивает элементы к нижней части контейнера. -
space-between
: выравнивает элементы к центру главной оси, добавив дополнительное пространство между элементами. Первый и последний элементы подталкиваются к самому краю гибкого контейнера. Например, в строке первый элемент находится напротив левой стороны контейнера, последний элемент находится напротив правой стороны контейнера, а остальные элементы между ними расположены равномерно. -
space-around
: аналогично space-between
но первый и последний элементы не привязаны к краям контейнера, пространство распределяется по всем элементам
+ Иногда flex элементы в контейнере flex не заполняют все пространство в контейнере. Обычно хочется сказать CSS, как выровнять и раздвинуть элементы flex определенным образом. К счастью, свойство justify-content
имеет несколько вариантов для этого. Но сначала, перед тем, как рассмотреть эти варианты, необходимо понять важную терминологию. Вот полезное изображение, показывающее строку, иллюстрирующую приведенные ниже концепции. Напомним, что установка flex контейнера в качестве строки помещает flex элементы бок о бок слева направо. Flex контейнер, установленный в качестве столбца, размещает flex элементы вертикально сверху вниз. Направление расположения flex элементов называется главной осью . Для строки это горизонтальная линия, проходящая через каждый элемент. А для столбца главная ось - вертикальная линия через элементы. Существует несколько вариантов того, как перемещать flex элементы вдоль линии, являющейся главной осью. Одним из наиболее часто используемых является justify-content: center;
, который выравнивает все flex элементы по центру внутри flex контейнера. Другие варианты включают: -
flex-start
: располагает элементы к началу flex контейнера. Для строки это подталкивает элементы к левой стороне контейнера. Для столбца это подталкивает элементы к верхней стороне контейнера. -
flex-end
: располагает элементы к концу flex контейнера. Для строки это подталкивает элементы к правой части контейнера. Для столбца это подталкивает элементы к нижней части контейнера. -
space-between
: выравнивает элементы по центру главной оси, распеределяя оставшееся пространство между элементами. Первый и последний элементы располагаются вплотную к краям flex контейнера. Например, в строке первый элемент находится у левой стороны контейнера, последний элемент находится у правой стороны контейнера, а остальные элементы между ними расположены равномерно. -
space-around
: аналогично space-between
, но первый и последний элементы не привязаны к краям контейнера, пространство распределяется вокруг всех элементов
## Instructions
- Пример помогает показать это свойство в действии. Добавьте свойство justify-content
CSS в элемент #box-container
и присвойте ему значение центра. бонус
Попробуйте другие параметры для свойства justify-content
в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение центра является единственным, которое пройдет эту задачу.
+ Пример помогает показать это свойство в действии. Добавьте свойство justify-content
CSS в элемент #box-container
и присвойте ему значение center. Бонус
Попробуйте другие параметры для свойства justify-content
в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение center является единственным, которое пройдет эту задачу.
## Tests
```yml
tests:
- - text: 'Элемент #box-container
должен иметь свойство justify-content
заданное значением центра.'
+ - text: 'Элемент #box-container
должен иметь свойство justify-content
заданное значением center.'
testString: 'assert($("#box-container").css("justify-content") == "center", "The #box-container
element should have a justify-content
property set to a value of center.");'
```