From f78c4244739f13f2c25cfadc57fe26f350a1d4cb Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:10:34 +0500 Subject: [PATCH 1/9] =?UTF-8?q?=D0=B0=D0=B1=D0=B7=D0=B0=D1=86=201?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 6 +++++- styles.css | 30 ++++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5e60e40..2ce9bb3 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,10 @@ - +

Замыкания в JavaScript для начинающих

+

+ Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту. + Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах. +

\ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..f37b830 100644 --- a/styles.css +++ b/styles.css @@ -1,5 +1,35 @@ /* Тут пиши основные стили */ +body { + position: relative; + margin: 0; + padding: 40px 20px; + min-height: 100vh; +} +.title-1 { + width: 700px; + height: 88px; + font-size: 42px; + color:rgba(0,0,0,0.84); + text-align: left; + line-height: 44px; + margin-right: 362px; + margin-left: 362px; + margin-top: 55px; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif +} +.paragraf-1 { + width: 700px; + height: 326px; + margin-right: 362px; + margin-left: 362px; + margin-top: 10px; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size: 21px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; +} @media (max-width: 800px) { /* Тут пиши стили для мобилки. From ed06ffff60a796062e9cd32b51e5fe6a07a14a2f Mon Sep 17 00:00:00 2001 From: dos34 Date: Tue, 31 Mar 2026 20:11:32 +0500 Subject: [PATCH 2/9] text 3 --- index.html | 7 ++++++- styles.css | 48 +++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 53 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 5e60e40..07e67e7 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,11 @@ - +

Что такое лексическое окружение?

+
+

Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде.
Рассмотрим пример:

+
+ + code img \ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..7fd2437 100644 --- a/styles.css +++ b/styles.css @@ -5,4 +5,50 @@ /* Тут пиши стили для мобилки. Стили применятся только когда страничка будет ≤800px шириной */ -} \ No newline at end of file +} + + +.text-block-3 { + + width: 700px; + height: 132px; + + font-family: Georgia, serif; + font-size: 21px; + line-height: 33px; + + + color: rgba(0, 0, 0, 0.84); + + text-align: left; + + + margin-left: 362px; /* Отступ слева */ + margin-right: 362px; /* Отступ справа */ +} + + +.p-title-3 { + width: 700px; + height: 39px; + + margin-top: 10px; + margin-left: 364px; /* Отступ слева */ + margin-right: 364px; + + font-family: "Lucida Grande Bold", sans-serif; + font-size: 34px; + font-weight: bold; + line-height: 39px; + color: rgba(0, 0, 0, 0.84); + text-align: left; +} + +#pic-1 { + width: 700px; + height: 727px; + + margin-left: 362px; /* Отступ слева */ + margin-right: 362px; +} + From 6e929910dec8078b668eef78ec49db994b000a44 Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:33:29 +0500 Subject: [PATCH 3/9] =?UTF-8?q?=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=D0=B0=20=D0=BE=D1=87=D0=B5=D0=BF=D1=8F=D1=82=D0=BA=D1=83?= =?UTF-8?q?=20=D0=B8=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D1=8F=20=D0=B4=D0=BB?= =?UTF-8?q?=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/.gitignore | 10 ++++++++++ .idea/article-markup.iml | 8 ++++++++ .idea/modules.xml | 8 ++++++++ .idea/vcs.xml | 6 ++++++ index.html | 2 +- styles.css | 21 ++++++++++++++++++--- 6 files changed, 51 insertions(+), 4 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/article-markup.iml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..ab1f416 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,10 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Ignored default folder with query files +/queries/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/article-markup.iml b/.idea/article-markup.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/article-markup.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..8563461 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 2ce9bb3..21a042d 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@

Замыкания в JavaScript для начинающих

- Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту. + Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.

Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах.

diff --git a/styles.css b/styles.css index f37b830..f6275fe 100644 --- a/styles.css +++ b/styles.css @@ -5,6 +5,7 @@ body { padding: 40px 20px; min-height: 100vh; } + .title-1 { width: 700px; height: 88px; @@ -32,7 +33,21 @@ body { } @media (max-width: 800px) { -/* Тут пиши стили для мобилки. - Стили применятся только когда страничка будет ≤800px шириной - */ + body { + padding: 20px 15px; + } + + .title-1 { + width: 100%; + font-size: 28px; + line-height: 36px; + margin: 20px 0 0 0; + } + + .paragraf-1 { + width: 100%; + font-size: 16px; + line-height: 26px; + margin: 15px 0 0 0; + } } \ No newline at end of file From 08cf31e4f3a9db2a80ee22783d8beee60b8302c5 Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:35:37 +0500 Subject: [PATCH 4/9] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=D0=B0=20=D0=BA=D0=BE=D0=B5=20=D1=87=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/styles.css b/styles.css index fde02b1..29b7d0e 100644 --- a/styles.css +++ b/styles.css @@ -32,25 +32,6 @@ body { line-height:33px; } -@media (max-width: 800px) { - body { - padding: 20px 15px; - } - - .title-1 { - width: 100%; - font-size: 28px; - line-height: 36px; - margin: 20px 0 0 0; - } - - .paragraf-1 { - width: 100%; - font-size: 16px; - line-height: 26px; - margin: 15px 0 0 0; - } -} .text-block-3 { @@ -112,3 +93,22 @@ body { margin-right: 362px; } +@media (max-width: 800px) { + body { + padding: 20px 15px; + } + + .title-1 { + width: 100%; + font-size: 28px; + line-height: 36px; + margin: 20px 0 0 0; + } + + .paragraf-1 { + width: 100%; + font-size: 16px; + line-height: 26px; + margin: 15px 0 0 0; + } +} \ No newline at end of file From ee39aa2e6950c424c853813974bf8f9301806bcf Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:43:35 +0500 Subject: [PATCH 5/9] =?UTF-8?q?2=20=D0=B0=D0=B1=D0=B7=20=D0=B8=20=D0=BC?= =?UTF-8?q?=D0=BE=D0=B1=D0=B8=D0=BB=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- styles.css | 65 ++++++++++++++++++++++++++++++++++++------------------ 2 files changed, 45 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 5c57873..495972f 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@

Замыкания в JavaScript для начинающи

Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде.
Рассмотрим пример:

- code img + code img

Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.

Цепочка областей видимости вышеприведённого кода будет выглядеть так:

diff --git a/styles.css b/styles.css index 29b7d0e..a41c59d 100644 --- a/styles.css +++ b/styles.css @@ -10,7 +10,7 @@ body { width: 700px; height: 88px; font-size: 42px; - color:rgba(0,0,0,0.84); + color: rgba(0, 0, 0, 0.84); text-align: left; line-height: 44px; margin-right: 362px; @@ -27,9 +27,9 @@ body { margin-top: 10px; font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; - color:rgba(0,0,0,0.84); - text-align:left; - line-height:33px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 33px; } @@ -38,18 +38,18 @@ body { width: 700px; height: 132px; - font-family: Georgia, serif; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; - line-height: 33px; + line-height: 33px; + - color: rgba(0, 0, 0, 0.84); text-align: left; - margin-left: 362px; /* Отступ слева */ - margin-right: 362px; /* Отступ справа */ + margin-left: 362px; + margin-right: 362px; } @@ -58,12 +58,12 @@ body { height: 39px; margin-top: 10px; - margin-left: 364px; /* Отступ слева */ - margin-right: 364px; + margin-left: 364px; + margin-right: 364px; - font-family: "Lucida Grande Bold", sans-serif; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; - font-weight: bold; + font-weight: bold; line-height: 39px; color: rgba(0, 0, 0, 0.84); text-align: left; @@ -73,23 +73,22 @@ body { width: 700px; height: 727px; - margin-left: 362px; + margin-left: 362px; margin-right: 362px; } .text-block-4 { - font-family:Georgia; - font-size:21px; - color:rgba(0,0,0,0.84); - text-align:left; - line-height:33px; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 33px; width: 700px; height: 267px; - margin-left: 362px; + margin-left: 362px; margin-right: 362px; } @@ -100,15 +99,39 @@ body { .title-1 { width: 100%; + height: auto; font-size: 28px; line-height: 36px; margin: 20px 0 0 0; + padding: 0; + text-align: left; } - .paragraf-1 { + .paragraf-1, + .text-block-3, + .text-block-4 { width: 100%; + height: auto; font-size: 16px; line-height: 26px; margin: 15px 0 0 0; + padding: 0; + } + + .p-title-3 { + width: 100%; + height: auto; + font-size: 24px; + line-height: 32px; + margin: 20px 0 0 0; + padding: 0; + text-align: left; + } + + #pic-1 { + width: 100%; + height: auto; + margin: 15px 0 0 0; + padding: 0; } } \ No newline at end of file From a73f39f77c55699ae0cabef19b94780be6b4f471 Mon Sep 17 00:00:00 2001 From: dos34 Date: Tue, 31 Mar 2026 20:47:03 +0500 Subject: [PATCH 6/9] text 3 ++ --- index.html | 7 ++++--- styles.css | 29 +++++++++++++++++++++++++++++ 2 files changed, 33 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index cf531e7..461732a 100644 --- a/index.html +++ b/index.html @@ -19,10 +19,11 @@

Замыкания в JavaScript для начинающи code img -

Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.

+

Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.

Цепочка областей видимости вышеприведённого кода будет выглядеть так:

- - + code img + +

Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости.

\ No newline at end of file diff --git a/styles.css b/styles.css index 9b45c89..7e9c736 100644 --- a/styles.css +++ b/styles.css @@ -97,3 +97,32 @@ body { margin-left: 362px; margin-right: 362px; } + +#pic-2 { + width: 700px; + height: 923px; + + margin-left: 362px; + margin-right: 362px; + margin-top: 41px; +} + +.text-block-5 { + font-family:Georgia; + font-size:21px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; + width: 700px; + height: 165px; + + margin-left: 362px; + margin-right: 362px; + margin-bottom: 92px; + +} + +code { + background-color: lightgray; + border-radius: 20%; +} \ No newline at end of file From e9a45ec9973709936c5674db5e42ea541dc0197c Mon Sep 17 00:00:00 2001 From: evgeniavolkova Date: Tue, 31 Mar 2026 20:50:42 +0500 Subject: [PATCH 7/9] par2 --- .gitignore | 4 +++- index.html | 9 +++++++++ styles.css | 49 ++++++++++++++++++++++++++++++++++++++++++++----- 3 files changed, 56 insertions(+), 6 deletions(-) diff --git a/.gitignore b/.gitignore index bb6fa4d..f15d1da 100644 --- a/.gitignore +++ b/.gitignore @@ -101,4 +101,6 @@ dist .dynamodb/ # TernJS port file -.tern-port \ No newline at end of file +.tern-port + +.idea \ No newline at end of file diff --git a/index.html b/index.html index 495972f..735b6c8 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,15 @@

Замыкания в JavaScript для начинающи Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах.

+
+ Что такое замыкание? +

Замыкание — это функция, у которой есть доступ к области видимости, сформированной внешней по отношению к ней + функции даже после того, как эта внешняя функция завершила работу. Это значит, что в замыкании могут храниться + переменные, объявленные во внешней функции и переданные ей аргументы. Прежде чем мы перейдём, собственно, к + замыканиям, разберёмся с понятием «лексическое окружение». +

+
+

Что такое лексическое окружение?

Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде.
Рассмотрим пример:

diff --git a/styles.css b/styles.css index a41c59d..4a28cce 100644 --- a/styles.css +++ b/styles.css @@ -10,7 +10,7 @@ body { width: 700px; height: 88px; font-size: 42px; - color: rgba(0, 0, 0, 0.84); + color:rgba(0,0,0,0.84); text-align: left; line-height: 44px; margin-right: 362px; @@ -19,19 +19,45 @@ body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif } +h1.title-1{ + margin-block-start: 0px; +} + .paragraf-1 { width: 700px; - height: 326px; margin-right: 362px; margin-left: 362px; margin-top: 10px; font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; - color: rgba(0, 0, 0, 0.84); - text-align: left; - line-height: 33px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; + margin-block-end: 0px; } +.par2{ + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:34px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:39px; + width:700px; + margin-right: 362px; + margin-left: 362px; + margin-top: 55px; +} + +.par2 p{ + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size:21px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; + width:700px; + margin-bottom: 56px; + margin-top: 10px; +} .text-block-3 { @@ -108,6 +134,7 @@ body { } .paragraf-1, + .par2 p, .text-block-3, .text-block-4 { width: 100%; @@ -118,6 +145,18 @@ body { padding: 0; } + .par2{ + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:34px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:39px; + width:700px; + margin-right: 362px; + margin-left: 362px; + margin-top: 55px; + } + .p-title-3 { width: 100%; height: auto; From af0bd75600fbf1b824ab78fbde3c988fb4deefa6 Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:53:39 +0500 Subject: [PATCH 8/9] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=D0=B0=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 48 ++++++++++++++++++++++++++++++++++-------------- 1 file changed, 34 insertions(+), 14 deletions(-) diff --git a/styles.css b/styles.css index 4a28cce..4a0532a 100644 --- a/styles.css +++ b/styles.css @@ -133,10 +133,7 @@ h1.title-1{ text-align: left; } - .paragraf-1, - .par2 p, - .text-block-3, - .text-block-4 { + .paragraf-1 { width: 100%; height: auto; font-size: 16px; @@ -145,16 +142,30 @@ h1.title-1{ padding: 0; } - .par2{ - font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; - font-size:34px; - color:rgba(0,0,0,0.84); - text-align:left; - line-height:39px; - width:700px; - margin-right: 362px; - margin-left: 362px; - margin-top: 55px; + .par2 { + width: 100%; + font-size: 24px; + line-height: 32px; + margin: 20px 0 0 0; + padding: 0; + } + + .par2 p { + width: 100%; + height: auto; + font-size: 16px; + line-height: 26px; + margin: 10px 0 0 0; + padding: 0; + } + + .text-block-3 { + width: 100%; + height: auto; + font-size: 16px; + line-height: 26px; + margin: 15px 0 0 0; + padding: 0; } .p-title-3 { @@ -173,4 +184,13 @@ h1.title-1{ margin: 15px 0 0 0; padding: 0; } + + .text-block-4 { + width: 100%; + height: auto; + font-size: 16px; + line-height: 26px; + margin: 15px 0 0 0; + padding: 0; + } } \ No newline at end of file From da4e2eefec01196ff433903e9767048facd4e5c6 Mon Sep 17 00:00:00 2001 From: Aleksundraaa Date: Tue, 31 Mar 2026 20:58:48 +0500 Subject: [PATCH 9/9] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=D0=B0=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- styles.css | 25 +++++++++++++++++++++++++ 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 7a18b0b..815d923 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@

Замыкания в JavaScript для начинающи

Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.

Цепочка областей видимости вышеприведённого кода будет выглядеть так:

- code img + code img

Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости.

diff --git a/styles.css b/styles.css index d8bf7ae..db3c5d1 100644 --- a/styles.css +++ b/styles.css @@ -146,6 +146,7 @@ code { background-color: lightgray; border-radius: 20%; } + @media (max-width: 800px) { body { padding: 20px 15px; @@ -221,4 +222,28 @@ code { margin: 15px 0 0 0; padding: 0; } + + #pic-2 { + width: 100%; + height: auto; + margin: 15px 0 0 0; + padding: 0; + } + + .text-block-5 { + width: 100%; + height: auto; + font-size: 16px; + line-height: 26px; + margin: 15px 0 0 0; + padding: 0; + } + + code { + display: inline-block; + max-width: 100%; + overflow-x: auto; + white-space: pre-wrap; + word-wrap: break-word; + } } \ No newline at end of file