fix(guide): simplify directory structure

guide/russian/certifications/responsive-web-design/basic-css/add-a-negative-margin-to-an-element/index.md

@@ -0,0 +1,25 @@
+---
+title: Add a Negative Margin to an Element
+localeTitle: Добавить отрицательную маржу к элементу
+---
+## Добавить отрицательную маржу к элементу
+
+Маржа - это расстояние между границей элемента и другими элементами на странице.
+
+• Расстояние сверху, справа, снизу и слева.
+
+• Число в [единицах css](https://www.tutorialspoint.com/css/css_measurement_units.htm)
+
+Например, чтобы отрегулировать маржу элемента, который будет отрицательным, вы можете использовать:
+
+```css
+.example { 
+ margin: -10px; 
+ } 
+```
+
+**Чтобы настроить прокладку отдельного элемента,** используйте: padding: `-10` px;
+
+[Вы можете узнать больше об отрицательных маржах здесь](https://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/)
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-css/add-borders-around-your-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Borders Around Your Elements
+localeTitle: Добавить границы вокруг ваших элементов
+---
+## Добавить границы вокруг ваших элементов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/add-borders-around-your-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element/index.md

@@ -0,0 +1,33 @@
+---
+title: Add Different Margins to Each Side of an Element
+localeTitle: Добавление разных полей в каждую сторону элемента
+---
+## Добавление разных полей в каждую сторону элемента
+
+Для настройки полей элемента используйте:
+
+```css
+.example { 
+  margin: 10px; 
+ } 
+```
+
+Чтобы указать размеры полей для элемента по отдельным сторонам, мы можем использовать «margin-top», «margin-right», «margin-bottom» и «margin left». Мы можем использовать любой из них в сочетании и в любом порядке. Например:
+
+```css
+.example { 
+  margin-top: 5px; 
+  margin-bottom: 0px; 
+ } 
+```
+
+Или же:
+
+```css
+.example { 
+  margin-top: 20px; 
+  margin-left: 25px; 
+  margin-right: 5px; 
+ } 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element/index.md

@@ -0,0 +1,33 @@
+---
+title: Add Different Padding to Each Side of an Element
+localeTitle: Добавление различной прокладки к каждой стороне элемента
+---
+## Добавление различной прокладки к каждой стороне элемента
+
+Для настройки прокладки элемента используйте:
+
+```css
+.example { 
+  padding: 10px; 
+ } 
+```
+
+Чтобы указать размеры заполнения элемента на отдельных сторонах, мы можем использовать «padding-top», «padding-right», «padding-bottom» и «padding-left». Мы можем использовать любой из них в сочетании и в любом порядке. Например:
+
+```css
+.example { 
+  padding-top: 5px; 
+  padding-bottom: 0px; 
+ } 
+```
+
+Или:
+
+```css
+.example { 
+  padding-top: 20px; 
+  padding-left: 25px; 
+  padding-right: 5px; 
+ } 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/add-rounded-corners-with-border-radius/index.md

@@ -0,0 +1,50 @@
+---
+title: Add Rounded Corners with border-radius
+localeTitle: Добавить закругленные углы с граничным радиусом
+---
+## Добавить закругленные углы с граничным радиусом
+
+Иногда вы хотите иметь закругленные углы вместо квадратных. В этом случае мы используем свойство border-radius для определения того, насколько округлены мы хотим, чтобы наши углы были.
+
+Чтобы настроить округлость угла, используйте:
+
+```css
+.example { 
+ border-radius: 5px; 
+ } 
+```
+
+Чем выше число, тем больше за углом.
+
+```css
+.example { 
+ border-radius: 20px; 
+ } 
+```
+
+Используя свойство border-radius, мы можем окружать углы нашего элемента, независимо от того, означает ли это округление границы, фоновое изображение или цвет заливки самого элемента. Вы заметите только новые закругленные углы, если есть изменение цвета!
+
+Если вы включаете только один номер, этот радиус будет применен ко всем четырем углам. Если вы используете два значения, первый применяется к верхним левым и нижним правым углам, а второй - к верхнему правому и нижнему левому.
+
+```css
+.exampleTwoValues { 
+ border-radius: 5px 10px; 
+ } 
+```
+
+Если вы используете четыре значения, значения применяются к верхнему левому, верхнему правому, нижнему правому и нижнему левому краю.
+
+```css
+.exampleFourValues { 
+ border-radius: 5px 7px 10px 15px; 
+ } 
+```
+
+Если вы используете три значения, первое относится к верхнему левому, второе относится к верхнему правому и нижнему левому, а третье относится к нижнему праву.
+
+```css
+.exampleThreeValues { 
+ border-radius: 5px 10px 15px; 
+ } 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/adjust-the-margin-of-an-element/index.md

@@ -0,0 +1,41 @@
+---
+title: Adjust the Margin of an Element
+localeTitle: Отрегулируйте маржу элемента
+---
+## Отрегулируйте маржу элемента
+
+Регулировка `Margin` `Element` означает увеличение или уменьшение количества интервалов между границами элемента и окружающими элементами.
+
+• Поля корректируются с положительными и отрицательными целыми числами единицами пикселей ( `px` ).
+
+• Поля могут быть созданы со всех сторон (сверху, снизу, слева, справа).
+
+Это пример того, как это написано:
+
+```css
+margin: 20px; 
+```
+
+Вы можете легко изменить или отрегулировать `Margin` `Element` , изменив числовое значение:
+
+**До** :
+
+margin: `20` px;
+
+**После** :
+
+margin: `50` px;
+
+Вы также можете создать собственный `class` с `margin` которую вы будете использовать повторно.
+
+```css
+  .style-margin { 
+    margin: 20px; 
+  } 
+```
+
+```html
+
+<h2 class="style-margin">Example</h2> 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/adjust-the-padding-of-an-element/index.md

@@ -0,0 +1,42 @@
+---
+title: Adjust the Padding of an Element
+localeTitle: Отрегулируйте прокладку элемента
+---
+## Отрегулируйте прокладку элемента
+
+Заполнение - это расстояние между содержимым и границей элемента.
+
+• Расстояние сверху, снизу, слева и справа.
+
+• Интервал - это числовое значение, которое увеличивается или уменьшается на единицы пикселей, которые записываются как `px` .
+
+Чтобы настроить «Заполнение элемента», используйте:
+
+```css
+padding: 10px; 
+```
+
+Чтобы создать Padding как класс для определенного элемента, используйте:
+
+```css
+.example-Padding { 
+  padding: 10px 
+ { 
+```
+
+Чтобы применить этот класс к соответствующему полю, используйте:
+
+```html
+
+<div class="example-Padding"> 
+ <p> Example Text </p> 
+ </div> 
+```
+
+**Чтобы настроить прокладку элемента** , используйте:
+
+заполнение: `10` пикселей;
+
+Теперь измените числовое значение на нужную величину.
+
+прокладка: `50` пикселей;

guide/russian/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md

@@ -0,0 +1,9 @@
+---
+title: Attach a Fallback value to a CSS Variable
+localeTitle: Прикрепите значение возврата к переменной CSS
+---
+## Прикрепите значение возврата к переменной CSS
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/cascading-css-variables/index.md

@@ -0,0 +1,37 @@
+---
+title: Cascading CSS Variables
+localeTitle: Каскадные переменные CSS
+---
+## Каскадные переменные CSS
+
+Каскадные переменные CSS, официально называемые пользовательскими свойствами, являются объектами, которые ведут себя аналогично традиционным переменным. В том , что переменные позволяют хранить данные и обновляться , чтобы отражать новые значения позже 2.
+
+Переменные CSS определены, чтобы содержать определенные значения и использоваться повторно в документе. Они устанавливаются с использованием пользовательской `--main-color: black` свойств (например, `--main-color: black` ) и доступны с помощью функции `var()` (например, `color: var(--main-color)` ) 1 . Объявите переменную CSS в селекторах `:root` или `body` для глобального доступа.
+
+При сохранении сложных документов CSS полезно не только использовать переменные CSS, но и умные. При создании будущих обновлений вместо поиска потенциальных сотен строк кода нужно только обновить необходимую переменную CSS 1 .
+
+### Синтаксис
+
+```css
+:root { 
+  --main-bkgnd-color:  #00B8CB; 
+ } 
+ 
+ body { 
+  background-color: var(--main-bkgnd-color); 
+  font-family: 'Raleway', Helvetica, sans-serif; 
+ } 
+```
+
+Объявление переменной:
+
+```css
+--custom-name: value 
+```
+
+Использование переменной: `css var(--custom-name)`
+
+### источники
+
+1.  [Посетите страницу каскадных CSS-переменных MDN для получения дополнительной информации.](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)
+2.  [Перна, Мария Антониетта. «Практическое руководство по CSS переменных (Пользовательские свойства)» _SitePoint._ 01 августа 2018. Доступ: 5 октября 2018 г.](https://www.sitepoint.com/practical-guide-css-variables-custom-properties/)

guide/russian/certifications/responsive-web-design/basic-css/change-a-variable-for-a-specific-area/index.md

@@ -0,0 +1,9 @@
+---
+title: Change a variable for a specific area
+localeTitle: Изменение переменной для определенной области
+---
+## Изменение переменной для определенной области
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/change-a-variable-for-a-specific-area/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/change-the-color-of-text/index.md

@@ -0,0 +1,18 @@
+---
+title: Change the Color of Text
+localeTitle: Изменение цвета текста
+---
+## Изменение цвета текста
+
+Вы можете изменить цвет текста в CSS, используя свойство `color` .
+
+### ПРИМЕР
+```
+color: red; 
+```
+
+## РЕШЕНИЕ
+```
+<h2 style="color: red;">CatPhotoApp</h2> 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/change-the-font-size-of-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Change the Font Size of an Element
+localeTitle: Изменение размера шрифта элемента
+---
+## Изменение размера шрифта элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/change-the-font-size-of-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/create-a-custom-css-variable/index.md

@@ -0,0 +1,9 @@
+---
+title: Create a custom CSS Variable
+localeTitle: Создание пользовательской переменной CSS
+---
+## Создание пользовательской переменной CSS
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/create-a-custom-css-variable/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/give-a-background-color-to-a-div-element/index.md

@@ -0,0 +1,47 @@
+---
+title: Give a Background Color to a div Element
+localeTitle: Дайте цвет фона элементу div
+---
+## Дайте цвет фона элементу div
+
+Вы можете изменить `color` `background` на элемент (или раздел) `div` одним из двух способов.
+
+**Первый метод:**
+
+Создайте `class` в скобках стиля.
+
+```html
+
+<style> 
+ .blue-background { 
+    background-color: blue; 
+  } 
+ </style> 
+```
+
+Вы можете добавить `class` к вашему `div` элемента:
+
+```html
+
+<div class="blue-background"> 
+  <p> Example </p> 
+ </div> 
+```
+
+**Второй метод:**
+
+Вместо создания `class` как в первом методе, вы можете создать `class` `div` Element в скобках стиля.
+
+Каждый элемент `div` будет иметь `class` вы создали и назначили.
+
+(Это означает, что это повторяющийся `class` для каждого `div` вами элемента `div` .)
+
+```html
+
+<style> 
+  div { 
+    background-color: blue; 
+  } 
+ </style> 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/import-a-google-font/index.md

@@ -0,0 +1,58 @@
+---
+title: Import a Google Font
+localeTitle: Импорт шрифта Google
+---
+## Импорт шрифта Google
+
+### Решение
+
+```html
+
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> 
+ 
+ <style> 
+  .red-text { 
+    color: red; 
+  } 
+  h2 { 
+    font-family: Lobster; 
+  } 
+  p { 
+    font-size: 16px; 
+    font-family: monospace; 
+  } 
+ </style> 
+ 
+ <h2 class="red-text">CatPhotoApp</h2> 
+ <main> 
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> 
+ 
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> 
+ 
+  <div> 
+    <p>Things cats love:</p> 
+    <ul> 
+      <li>cat nip</li> 
+      <li>laser pointers</li> 
+      <li>lasagna</li> 
+    </ul> 
+    <p>Top 3 things cats hate:</p> 
+    <ol> 
+      <li>flea treatment</li> 
+      <li>thunder</li> 
+      <li>other cats</li> 
+    </ol> 
+  </div> 
+ 
+  <form action="/submit-cat-photo"> 
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label> 
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br> 
+    <label><input type="checkbox" name="personality" checked> Loving</label> 
+    <label><input type="checkbox" name="personality"> Lazy</label> 
+    <label><input type="checkbox" name="personality"> Energetic</label><br> 
+    <input type="text" placeholder="cat photo URL" required> 
+    <button type="submit">Submit</button> 
+  </form> 
+ </main> 
+
+```

guide/russian/certifications/responsive-web-design/basic-css/index.md

@@ -0,0 +1,11 @@
+---
+title: Basic CSS
+localeTitle: Основной CSS
+---
+## Основной CSS
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/certifications/responsive-web-design/basic-css/inherit-styles-from-the-body-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Inherit Styles from the Body Element
+localeTitle: Наследовать стили из элемента тела
+---
+## Наследовать стили из элемента тела
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/inherit-styles-from-the-body-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md

@@ -0,0 +1,9 @@
+---
+title: Make Circular Images with a border-radius
+localeTitle: Сделать круговые изображения с радиусом границы
+---
+## Сделать круговые изображения с радиусом границы
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/override-all-other-styles-by-using-important/index.md

@@ -0,0 +1,34 @@
+---
+title: Override All Other Styles by using Important
+localeTitle: Переопределите все остальные стили, используя важные
+---
+## Переопределите все остальные стили, используя важные
+
+Вы можете переопределить все другие стили в CSS, используя `!important` .
+
+Это переопределение считается самым важным и имеет приоритет над остальными.
+
+Список наиболее важных для наименее важных выглядит следующим образом: \`\` \`
+
+1.  важно (! важно)
+2.  встроенные стили
+3.  идентификационные объявления
+4.  объявления класса
+```
+Here is an example of how to write/apply !important: 
+```
+
+CSS цвет: черный! важно;
+```
+To apply these in context and see `!important` take precedence, here is an example: 
+```
+
+HTML
+
+body { font-family: Helvetica; color: purple; } #violet-text { color: violet; } .black-text { color: black !important; } .blue-text { color: blue; }
+
+# Пример текста
+
+\`\` \`
+
+Этот результат завершится тем, что в `Example Text` будет черным из-за `!important` добавления в `color: black` .

guide/russian/certifications/responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes/index.md

@@ -0,0 +1,69 @@
+---
+title: Override Class Declarations by Styling ID Attributes
+localeTitle: Переопределить объявления классов с помощью атрибутов идентификатора стилизации
+---
+## Переопределить объявления классов с помощью атрибутов идентификатора стилизации
+
+Чтобы понять переопределение в CSS, вы должны сначала понять принцип precendance в CSS.
+
+Главное правило, чтобы помнить, что CSS читается снизу вверх.
+
+Примером этого является:
+
+```html
+
+<style> 
+  body { 
+    background-color: black; 
+    font-family: Arial; 
+    color: black; 
+  } 
+  .red-text { 
+    color: red; 
+  } 
+  .blue-text { 
+    color: blue; 
+  } 
+ </style> 
+ <h1 class="red-text blue-text">Example</h1> 
+```
+
+В приведенном выше `Example` текстовый `Example` будет синим, потому что последний добавленный класс был `blue-text` .
+
+**Важно помнить, что атрибут `id` будет иметь приоритет над классами, что означает, что он занимает наивысший уровень.**
+
+Вы можете создать атрибут `id` , добавив `#` перед именем класса, как показано ниже:
+
+```html
+
+<style> 
+  #purple-text { 
+    color: purple; 
+  } 
+ </style> 
+```
+
+Вот пример, чтобы показать вам, как **переопределить объявления классов с помощью атрибутов идентификатора стилей** :
+
+```html
+
+<style> 
+  body { 
+    background-color: black; 
+    font-family: Arial; 
+    color: black; 
+  } 
+  .red-text { 
+    color: red; 
+  } 
+  .blue-text { 
+    color: blue; 
+  } 
+  #green-color { 
+    color: green; 
+  } 
+ </style> 
+ <h1 id="green-color" class="red-text blue-text">Example</h1> 
+```
+
+Это позволит сделать текст `Example` быть зеленым , потому что `id` атрибут всегда будет иметь приоритет над `class` декларациями.

guide/russian/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md

@@ -0,0 +1,9 @@
+---
+title: Override Class Declarations with Inline Styles
+localeTitle: Переопределить объявления классов со встроенными стилями
+---
+## Переопределить объявления классов со встроенными стилями
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/override-styles-in-subsequent-css/index.md

@@ -0,0 +1,66 @@
+---
+title: Override Styles in Subsequent CSS
+localeTitle: Переопределить стили в последующем CSS
+---
+## Переопределить стили в последующем CSS
+
+Самый важный бит, который следует помнить при необходимости переопределять стили в последующем CSS, - это порядок создания классов.
+
+Последний обновленный стиль будет иметь прецедент над ранее написанными классами.
+
+Например:
+
+```html
+
+<style> 
+  body { 
+    color: purple; 
+  } 
+  .red-text { 
+    color: red; 
+  } 
+  .blue-text { 
+    color: blue; 
+  { 
+ </style> 
+```
+
+Теперь, когда вы создаете какой-либо текст в `body` , он будет иметь назначенный ему цвет текста `purple` .
+
+Чтобы начать экспериментировать с процессом переопределения, теперь вы можете добавить класс `"red-text"` чтобы увидеть результаты.
+
+Используя вышеприведенный формат, текст ниже переопределяет ранее `purple` цвет шрифта с `red` .
+
+```html
+
+<h1 class="red-text">Example</h1> 
+```
+
+Если вы хотите добавить несколько классов, вы можете использовать этот формат:
+
+```html
+
+<h1 class="class-name1 class-name2 class-name3">Example</h1> 
+```
+
+Теперь вы можете добавить последний класс, созданный выше ( `"blue-text"` ), в тот же пример выше, чтобы увидеть результаты.
+
+```html
+
+<h1 class="red-text blue-text">Example</h1> 
+```
+
+Это автоматически выберет последний класс, созданный в разделе стилей, который в этом случае был `"blue-text"` .
+
+Даже если вы применяете `red-text` -го класса за `blue-text` второго класса, процесс переопределения будет выбирать последний созданный класс. В этом случае этот класс является `blue-text` .
+
+Так, например:
+
+```html
+
+<h1 class="blue-text red-text">Example</h1> 
+```
+
+Это все равно отобразит `blue` цвет шрифта из-за упорядочивания в разделе стилей.
+
+Класс `blue-text` был создан последним, торчащим снизу ( `</style>` ).

guide/russian/certifications/responsive-web-design/basic-css/prioritize-one-style-over-another/index.md

@@ -0,0 +1,9 @@
+---
+title: Prioritize One Style Over Another
+localeTitle: Приоритет одного стиля над другим
+---
+## Приоритет одного стиля над другим
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/prioritize-one-style-over-another/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/set-the-font-family-of-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Set the Font Family of an Element
+localeTitle: Установите семейство шрифтов элемента
+---
+## Установите семейство шрифтов элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/set-the-font-family-of-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/set-the-id-of-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Set the id of an Element
+localeTitle: Установите идентификатор элемента
+---
+## Установите идентификатор элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/set-the-id-of-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/size-your-images/index.md

@@ -0,0 +1,11 @@
+---
+title: Size Your Images
+localeTitle: Размер ваших изображений
+---
+## Размер ваших изображений
+
+Для определения размеров изображений сначала создайте свой класс в теге стиля.
+
+Пример: `<style> .fixed-image { width: 500px; height: auto; }`
+
+Затем вы можете добавить класс к своему изображению: `<img class="fixed-image" src="http://www.example.com/picture"/>`

guide/russian/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md

@@ -0,0 +1,9 @@
+---
+title: Specify How Fonts Should Degrade
+localeTitle: Укажите, как шрифты должны ухудшаться
+---
+## Укажите, как шрифты должны ухудшаться
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/specify-how-fonts-should-degrade/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/style-multiple-elements-with-a-css-class/index.md

@@ -0,0 +1,9 @@
+---
+title: Style Multiple Elements with a CSS Class
+localeTitle: Стиль нескольких элементов с классом CSS
+---
+## Стиль нескольких элементов с классом CSS
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/style-multiple-elements-with-a-css-class/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/style-the-html-body-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Style the HTML Body Element
+localeTitle: Стиль элемента тела HTML
+---
+## Стиль элемента тела HTML
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/style-the-html-body-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/understand-absolute-versus-relative-units/index.md

@@ -0,0 +1,9 @@
+---
+title: Understand Absolute versus Relative Units
+localeTitle: Понять абсолютные и относительные единицы
+---
+## Понять абсолютные и относительные единицы
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/understand-absolute-versus-relative-units/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-a-css-class-to-style-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Use a CSS Class to Style an Element
+localeTitle: Используйте класс CSS для стилизации элемента
+---
+## Используйте класс CSS для стилизации элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-a-css-class-to-style-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-a-custom-css-variable/index.md

@@ -0,0 +1,9 @@
+---
+title: Use a custom CSS Variable
+localeTitle: Используйте настраиваемую переменную CSS
+---
+## Используйте настраиваемую переменную CSS
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-a-custom-css-variable/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-a-media-query-to-change-a-variable/index.md

@@ -0,0 +1,9 @@
+---
+title: Use a media query to change a variable
+localeTitle: Использование медиа-запроса для изменения переменной
+---
+## Использование медиа-запроса для изменения переменной
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-a-media-query-to-change-a-variable/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-abbreviated-hex-code/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Abbreviated Hex Code
+localeTitle: Использовать сокращенный шестнадцатеричный код
+---
+## Использовать сокращенный шестнадцатеричный код
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-abbreviated-hex-code/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Use an id Attribute to Style an Element
+localeTitle: Использовать атрибут id для стилирования элемента
+---
+## Использовать атрибут id для стилирования элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-attribute-selectors-to-style-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Attribute Selectors to Style Elements
+localeTitle: Использование селекторов атрибутов для стилей
+---
+## Использование селекторов атрибутов для стилей
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-attribute-selectors-to-style-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Clockwise Notation to Specify the Margin of an Element
+localeTitle: Используйте обозначение по часовой стрелке, чтобы указать маржу элемента
+---
+## Используйте обозначение по часовой стрелке, чтобы указать маржу элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Clockwise Notation to Specify the Padding of an Element
+localeTitle: Использовать по часовой стрелке для указания заполнения элемента
+---
+## Использовать по часовой стрелке для указания заполнения элемента
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-css-selectors-to-style-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Use CSS Selectors to Style Elements
+localeTitle: Использование селекторов CSS для элементов стиля
+---
+## Использование селекторов CSS для элементов стиля
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-css-selectors-to-style-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once/index.md

@@ -0,0 +1,9 @@
+---
+title: Use CSS Variables to change several elements at once
+localeTitle: Используйте переменные CSS для изменения сразу нескольких элементов
+---
+## Используйте переменные CSS для изменения сразу нескольких элементов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-hex-code-for-specific-colors/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Hex Code for Specific Colors
+localeTitle: Использовать шестнадцатеричный код для конкретных цветов
+---
+## Использовать шестнадцатеричный код для конкретных цветов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-hex-code-for-specific-colors/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-hex-code-to-mix-colors/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Hex Code to Mix Colors
+localeTitle: Используйте шестнадцатеричный код для смешивания цветов
+---
+## Используйте шестнадцатеричный код для смешивания цветов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-hex-code-to-mix-colors/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-rgb-to-mix-colors/index.md

@@ -0,0 +1,9 @@
+---
+title: Use RGB to Mix Colors
+localeTitle: Используйте RGB для смешивания цветов
+---
+## Используйте RGB для смешивания цветов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-rgb-to-mix-colors/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/responsive-web-design/basic-css/use-rgb-values-to-color-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Use RGB values to Color Elements
+localeTitle: Используйте значения RGB для цветных элементов
+---
+## Используйте значения RGB для цветных элементов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/use-rgb-values-to-color-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .