From a5876e57f414e9724e215ddb0dc93286fbd2665e Mon Sep 17 00:00:00 2001
From: Zaur Bairamau <43158272+bairamau@users.noreply.github.com>
Date: Tue, 13 Nov 2018 19:35:00 +0300
Subject: [PATCH] correct translation, typos, wording (#21722)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* correct translation, typos, wording
* сh6
---
...ign-elements-using-the-align-items-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-align-items-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md
index be14872cce..8a199a3ab9 100644
--- a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md
@@ -3,21 +3,21 @@ id: 587d78ad367417b2b2512af8
title: Align Elements Using the align-items Property
challengeType: 0
videoUrl: ''
-localeTitle: Выравнивание элементов Использование элементов выравнивания Свойство
+localeTitle: Выравнивание элементов используя свойство align-items
---
## Description
- Свойство align-items
похоже на justify-content
. Напомним, что свойство justify-content
выровняло элементы flex вдоль главной оси. Для строк основная ось - горизонтальная линия, а для столбцов - вертикальная. Контейнеры Flex также имеют поперечную ось, которая противоположна основной оси. Для рядов поперечная ось вертикальна, а для столбцов поперечная ось горизонтальна. CSS предлагает свойство align-items
для выравнивания элементов гибкости вдоль поперечной оси. Для строки он указывает CSS, как перемещать элементы во всей строке вверх или вниз в контейнере. И для столбца, как нажать все элементы слева или справа в контейнере. Различные значения, доступные для align-items
включают: -
flex-start
: выравнивает элементы до начала контейнера flex. Для строк это выравнивает элементы в верхней части контейнера. Для столбцов это выравнивает элементы слева от контейнера. -
flex-end
: выравнивает элементы до конца гибкого контейнера. Для строк это выравнивает элементы в нижней части контейнера. Для столбцов это выравнивает элементы справа от контейнера. -
center
: выравнивание предметов по центру. Для строк это вертикально выравнивает элементы (равное пространство выше и ниже элементов). Для столбцов это горизонтально выравнивает их (равное пространство слева и справа от элементов). -
stretch
: растяните элементы, чтобы заполнить контейнер для гибких контейнеров. Например, элементы строк растягиваются, чтобы заполнить гибкий контейнер сверху вниз. -
baseline
: выровнять элементы по исходным линиям. Исходный текст - это текстовая концепция, думайте об этом как о линии, на которой сидят буквы.
+ Свойство align-items
похоже на justify-content
. Напомним, что свойство justify-content
выровняло элементы flex вдоль главной оси. Для рядов главная ось - горизонтальная линия, а для столбцов - вертикальная. Контейнеры Flex также имеют поперечную ось, являющуюся противоположностью основной оси. Для рядов поперечная ось вертикальна, а для столбцов поперечная ось горизонтальна. CSS предлагает свойство align-items
для выравнивания элементов flex вдоль поперечной оси. Для строки он указывает CSS, как подвинуть элементы во всей строке вверх или вниз внутри контейнера. А для столбца, как подвинуть все элементы влево или вправо внутри контейнера. Различные значения, доступные для align-items
включают: -
flex-start
: двигает элементы к началу контейнера flex. Для строк это передвигает элементы в верхнюю часть контейнера. Для столбцов это передвигает элементы в левую часть контейнера. -
flex-end
: двигает элементы к концу контейнера flex. Для строк это передвигает элементы в нижнюю часть контейнера. Для столбцов это передвигает элементы в правую часть контейнера. -
center
: выравнивание элементов по центру. Для строк это вертикально выравнивает элементы (равное пространство выше и ниже элементов). Для столбцов это горизонтально выравнивает их (равное пространство слева и справа от элементов). -
stretch
: растягивает элементы, чтобы заполнить flex контейнер. Например, элементы строк растягиваются, чтобы заполнить flex контейнер сверху вниз. -
baseline
: выровнять элементы по их базовым линиям. Базовая линия - это текстовая концепция, думайте об этом как о линии, на которой сидят буквы.
## Instructions
- Пример помогает показать это свойство в действии. Добавьте align-items
свойств CSS в элемент #box-container
и присвойте ему значение центра. бонус
Попробуйте другие параметры свойства align-items
в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение центра является единственным, которое пройдет эту задачу.
+ Пример помогает показать это свойство в действии. Добавьте свойство CSS align-items
в элемент #box-container
и присвойте ему значение center. Бонус
Попробуйте другие значения свойства align-items
в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение center является единственным, которое пройдет эту задачу.
## Tests
```yml
tests:
- - text: 'Элемент #box-container
должен иметь свойство align-items
заданное значением центра.'
+ - text: 'Элемент #box-container
должен иметь свойство align-items
заданное значением center.'
testString: 'assert($("#box-container").css("align-items") == "center", "The #box-container
element should have an align-items
property set to a value of center.");'
```