Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index 1bf6bba2add..3d9b44f3d91 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +اعطي عنصر `#back-wall` خاصية `width` بقيمة `100%` و `height` بقيمة `60%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 1c5d21c8a20..f8760e54f00 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 عادةً، يتم تقديم HTML بترتيب من أعلى إلى أسفل. العناصر في الجزء العلوي من التعليمات البرمجية موضوعة في الجزء العلوي من الصفحة. ومع ذلك، قد ترغب مرات عدّة في نقل العناصر إلى مواقف مختلفة. يمكنك الفعل ذلك باستخدام سمة `position`. -Set the `position` property for the `#back-wall` element to `absolute`. يخرج موضع `absolute` العنصر من ذلك التدفق المستند من أعلى إلى أسفل ويسمح لك بتعديله بالنسبة (relative) إلى الحاوية. +عيّن خاصية `position` لعنصر `#back-wall` بقيمة `absolute`. يخرج موضع `absolute` العنصر من ذلك التدفق المستند من أعلى إلى أسفل ويسمح لك بتعديله بالنسبة (relative) إلى الحاوية. -عندما يتم وضع عنصر يدوياً، يمكنك نقل تخطيطه باستخدام `top`, و`left`، و`right`، و`bottom`. Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +عندما يتم وضع عنصر يدوياً، يمكنك نقل تخطيطه باستخدام `top`, و`left`، و`right`، و`bottom`. يجب أن يحتوي `#back-wall` على `top` بقيمة `0`، و `left` بقيمة `0`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 33a8f98afd5..62acd2cc3bf 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. هذا هو المكان الذي ستنشئ فيه شخصيات لوحتك. +أسفل عنصرك `#back-wall`، أنشئ `div` مع `class` بقيمة `characters`. هذا هو المكان الذي ستنشئ فيه شخصيات لوحتك. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index 22fe326a9cf..aa62e927676 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +داخل عنصر `.characters`، أنشئ `div` آخر مع `id` بقيمة `offwhite-character`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index d18ae66a071..44ad086484f 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -هذه الشخصية تحتاج إلى عينين. Create two `div` elements in the `#black-mask` element. اعطيهم الـ classes الآتية `eyes left` و `eyes right`، بذلك الترتيب. +هذه الشخصية تحتاج إلى عينين. أنشئ عنصرين `div` في عنصر `#black-mask`. اعطيهم الـ classes الآتية `eyes left` و `eyes right`، بذلك الترتيب. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index c49248b6e17..e4804032c22 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -قم بإنشاء بعض "النقاط" للجهاز (instrument). Add five `div` elements within your `#gray-instrument` element. قم بتعيين `class` كل منهما إلى `black-dot`. +قم بإنشاء بعض "النقاط" للجهاز (instrument). أضف خمس عناصر `div` داخل عنصرك `#gray-instrument`. قم بتعيين `class` كل منهما إلى `black-dot`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index b1a2ba374be..84c26b6197d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. أعطيه `width` بقيمة `300px`،و `height` بقيمة `550px`، و `background-color` بقيمة `GhostWhite`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف عنصر يحتوي على معرف (id) يسمى `offwhite-character`. أعطيه `width` بقيمة `300px`،و `height` بقيمة `550px`، و `background-color` بقيمة `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index 036ef2140fb..cca3572b53e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +أنقل `#offwhite-character` إلى مكانه بواسطة إعطائه `position` بقيمة `absolute` و `top` بقيمة `20%` و `left` بقيمة `17.5%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index cdd4fc38f3a..d82b2ee629e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. أعطيه `width` و `height` بقيمة `0`، و `border-style` بقيمة `solid`. +باستخدام منتقي معرف (id selector)، صمم العنصر مع معرف (id) يسمى `white-hat`. أعطيه `width` و `height` بقيمة `0`، و `border-style` بقيمة `solid`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 85f0aa70517..0f9a51263e2 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. أعطيه `width` بقيمة `100%`، و `height` بقيمة `50px`، و `background-color` بقيمة `rgb(45, 31, 19)`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف عنصر يحتوي على معرف (id) يسمى `black-mask`. أعطيه `width` بقيمة `100%`، و `height` بقيمة `50px`، و `background-color` بقيمة `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index 80990809718..64b7dc37b47 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. عيّن `width` بقيمة `10px`, و`height` بقيمة `10px`, و`background-color` بقيمة `rgb(45, 31, 19)`. +استخدم منتقي الفئة (class selector) لإنشاء قاعدة لعناصر يحتوي على فئة (class) تسمى `black-dot`. عيّن `width` بقيمة `10px`, و`height` بقيمة `10px`, و`background-color` بقيمة `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 86d3d6ad8a9..f58bd5b6309 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. أعطيه `width` بقيمة `450px`، و`height` بقيمة `140px`، و`background-color` بقيمة `#D2691E`. +استخدام منتقي معرف (id selector) لتصميم عنصر مع معرف (id) يسمى `tan-table`. أعطيه `width` بقيمة `450px`، و`height` بقيمة `140px`، و`background-color` بقيمة `#D2691E`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index d2af1b9f6cd..f4bb9a0bf44 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +ضمن عنصر `#black-character`، أضف ثلاث عناصر `div` مع قيم `id` التالية، بالترتيب: `black-hat`، و`gray-mask`، و`white-paper`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index 0c9189d63b6..528474af6f0 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -إن القناع يحتاج إلى عيون. Within your `#gray-mask` element, add two `div` elements. يجب أن يكون الأول `class` يسمى `eyes left`, وينبغي أن يكون الثاني `class` يسمى `eyes right`. +إن القناع يحتاج إلى عيون. ضمن عنصر `#gray-mask`، أضف عنصرين `div`. يجب أن يكون الأول `class` يسمى `eyes left`, وينبغي أن يكون الثاني `class` يسمى `eyes right`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index 12671a590f5..1fb187dd99e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 يتم استخدام عنصر `i` للنص الاصطلاحي (idiomatic)، أو النص المنفصل عن محتوى النص "العادي". يمكن أن يكون هذا للنص _italic_، مثل المصطلحات العلمية، أو للرموز مثل تلك المقدمة من FontAwesome. -Within your `#white-paper` element, add four `i` elements. أعطيهم جميع `class` بقيمة `fas fa-music`. +ضمن عنصر `#white-paper`، أضف أربع عناصر `i`. أعطيهم جميع `class` بقيمة `fas fa-music`. تحدد هذه الفئة المميزة كيفية تحميل رمز FontAwesome. يشير `fas` إلى فئة الأيقونات (FontAwesome Solid، هنا)، بينما يختار `fa-music` الرمز المحدد. diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index af011568746..721ea97ef0d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. عيّن `width` بقيمة `300px`, و`height` بقيمة `500px`, و`background-color` بقيمة `rgb(45, 31, 19)`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف عنصر يحتوي على معرف (id) يسمى `black-character`. عيّن `width` بقيمة `300px`, و`height` بقيمة `500px`, و`background-color` بقيمة `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index 0bfd88dd099..afd00ea48ac 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +أنقل عنصر `#black-character` إلى المكان عن طريق تعيين `position` بقيمة `absolute`, و`top` بقيمة `30%`, و`left` بقيمة `59%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index bb343acca49..a7908d2d66a 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. أعطيه `width` قيمة `0`, و`height` قيمة `0`، و`border-style` قيمة `solid`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف عنصر يحتوي على معرف (id) يسمى `black-hat`. أعطيه `width` قيمة `0`, و`height` قيمة `0`، و`border-style` قيمة `solid`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index 5b2bf2e1b88..da7fd00f4c9 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. قم باعطائه `border-top-color`، و `border-right-color` و `border-bottom-color` بقيمة `transparent`. عيّن `border-left-color` بقيمة `rgb(45, 31, 19)`. +تماماً مثل `#white-hat`، صمم الحدود (style border) لعنصر `#black-hat`. قم باعطائه `border-top-color`، و `border-right-color` و `border-bottom-color` بقيمة `transparent`. عيّن `border-left-color` بقيمة `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index 843e9156191..51f6bdd2049 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. أعطيه `position` بقيمة `absolute`، و`top` بقيمة `-150px`، و `left` بقيمة `0`. +الآن ضع عنصر `#black-hat`. أعطيه `position` بقيمة `absolute`، و`top` بقيمة `-150px`، و `left` بقيمة `0`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index a8834aba2c4..f8087411ea0 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. أعطيه `width` بقيمة `150px`، و `height` بقيمة `150px`، و `background-color` بقيمة `rgb(167, 162, 117)`. +باستخدام منتقي معرف (id selector)، صمم العنصر مع معرف (id) يسمى `gray-mask`. أعطيه `width` بقيمة `150px`، و `height` بقيمة `150px`، و `background-color` بقيمة `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index 7c950699354..31585d09911 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +غير موضع عنصر `#gray-mask` عن طريق إضافة `position` بقيمة `absolute`، و`top` بقيمة `-10px`, و`left` بقيمة `70px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index 35d93bf9194..c71c4723405 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. عيّن `width` بقيمة `400px`, و`height` بقيمة `100px`, و`background-color` بقيمة `GhostWhite`. +باستخدام منتقي معرف (id selector)، أنشئ قاعدة لأستهداف معرف (id) يسمى `white-paper`. عيّن `width` بقيمة `400px`, و`height` بقيمة `100px`, و`background-color` بقيمة `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index d7015e852d2..17f306d6223 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,23 +7,23 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +اعطي `#white-paper` خاصية `position` بقيمة `absolute`، و`top` بقيمة `250px`، و`left` بقيمة `-150px` لنقلها إلى مكانها. # --hints-- -يجب يحمل لمنتقي `#white-paper` الخاص بك خاصية `position` بقيمة `absolute`. +يجب أن يحتوي منتقيك `#white-paper` على خاصية `position` بقيمة `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.position === 'absolute'); ``` -يجب أن يكون لمنتقي `#white-paper` الخاص بك الخاصية `top` بقيمة `250px`. +يجب أن يحتوي منتقيك `#white-paper` على خاصية `top` بقيمة `250px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.top === '250px'); ``` -يجب أن يكون لمنتقي `#white-paper` الخاص بك الخاصية `left` بقيمة `-150px`. +يجب أن يحتوي منتقيك `#white-paper` على خاصية `left` بقيمة `-150px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.left === '-150px'); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index f06d047ce86..04b78dafdfd 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +عيّن `z-index` في عنصر `#white-paper` بقيمة `1`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index a5feb04798d..01e93a6f05d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -يأتوا FrontAwesome icons مع أسلوبهم الخاص لتعريف الأيقونة. ومع ذلك، لا يزال بإمكانك ضبط الأسلوب بنفسك أيضاً، لتغيير أشياء مثل اللون والحجم. For now, use a class selector to target the icons with the class `fa-music`. عيّن `display` بقيمة `inline-block`, و`margin-top` بقيمة `8%`، و`margin-left` بقيمة `13%`. +يأتوا FrontAwesome icons مع أسلوبهم الخاص لتعريف الأيقونة. ومع ذلك، لا يزال بإمكانك ضبط الأسلوب بنفسك أيضاً، لتغيير أشياء مثل اللون والحجم. حالياً, استخدم منتقي الفئة (class selector) لاستهداف أيقونة (icons) تحتوي على فئة (class) تسمى `fa-music`. عيّن `display` بقيمة `inline-block`, و`margin-top` بقيمة `8%`، و`margin-left` بقيمة `13%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index 919d1408a3b..bf951eaf387 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. ستكون هذه هي الوشاح. أعطِ كليهما `class` من `blue`. ثم أعطى الأول `id` قيمته `blue-left`, والثاني هو `id` قيمته `blue-right`. +تحت عنصر `#black-character`، أضف عنصرين `div` جديدين. ستكون هذه هي الوشاح. أعطِ كليهما `class` من `blue`. ثم أعطى الأول `id` قيمته `blue-left`, والثاني هو `id` قيمته `blue-right`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index 353e15f5d7f..2a402bdc5bc 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. عيّن `background-color` إلى `#1E90FF`. +استخدم منتقي الفئة (class selector) لاستهداف العناصر الجديدة تحتوي على فئة (class) تسمى `blue`. عيّن `background-color` إلى `#1E90FF`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index d6aac066914..3feb17a185e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. أعطيه `width` قيمته `500px` و`height` قيمته `300px`. +حدد العنصر مع معرف (id) يسمى `blue-left` باستخدام محدد المعرف (id selector). أعطيه `width` قيمته `500px` و`height` قيمته `300px`. # --hints-- @@ -17,7 +17,7 @@ Select the element with the id `blue-left` using an id selector. أعطيه `wid assert(new __helpers.CSSHelp(document).getStyle('#blue-left')); ``` -يجب أن يكون لمنتقيك `#blue-left` الخاصية `width` بقيمة `500px`. +يجب أن يحتوي منتقيك `#blue-left` على خاصية `width` بقيمة `500px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.width === '500px'); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index aef8b9b580d..ed8c471eb77 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. تقم بتعيين `width` إلى `400px` و `height` إلى `300px`. +بعد ذلك, أستهدف عنصر مع معرف (id) يسمى `blue-right` باستخدام محدد المعرف (id selector). تقم بتعيين `width` إلى `400px` و `height` إلى `300px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index 6f67c3da364..79586441153 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,23 +7,23 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +اعطي عنصر `#blue-right` المكان الصحيح بإضافة `position` بقيمة `absolute` و `top` بقيمة `50%` و `left` بقيمة `40%`. # --hints-- -يجب أن يكون لمنتقي `#blue-right` الخاص بك خاصية `position` بقيمة `absolute`. +يجب أن يحتوي منتقيك `#blue-right` على خاصية `position` بقيمة `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('#blue-right')?.position === 'absolute'); ``` -يجب أن يكون لمنتقي `#blue-right` الخاص بك الخاصية `top` بقيمة `50%`. +يجب أن يحتوي منتقيك `#blue-right` على خاصية `top` بقيمة `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('#blue-right')?.top === '50%'); ``` -يجب أن يكون لمنتقي `#blue-right` الخاص بك الخاصية `left` بقيمة `40%`. +يجب أن يحتوي منتقيك `#blue-right` على خاصية `left` بقيمة `40%`. ```js assert(new __helpers.CSSHelp(document).getStyle('#blue-right')?.left === '40%'); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index e3e14bd03d2..a3133d32cc5 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. قم باعطائه `id` بقيمة `orange-character`. +أسفل عناصرك `.blue`، أضف `div` آخر. قم باعطائه `id` بقيمة `orange-character`. # --hints-- -You should have a new `div` element within your `.characters` element. +يجب أن يكون لديك عنصر `div` جديد داخل عنصرك `.characters`. ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index 39b0c1b67d8..36dde9970bd 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. اعطي `id` قيم `black-round-hat`، و`eyes-div`, و `triangles`، و `guitar`، بالترتيب. +ضمن عنصر `#orange-character`، أضف أربع عناصر `div`. اعطي `id` قيم `black-round-hat`، و`eyes-div`, و `triangles`، و `guitar`، بالترتيب. # --hints-- -You should have four new `div` elements within your `#orange-character` element. +يجب أن يكون لديك أربع عناصر `div` جديدة داخل عنصرك `#orange-character`. ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index bed938d7244..32fa574b438 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. أضف عنصرين `div` داخلهما. اعطي أول `class` أسم `eyes left`, إعطاء `class` الثانية من `eyes right`. +يجب أن يحمل عنصر `#eyes-div` ببعض العيون. أضف عنصرين `div` داخلهما. اعطي أول `class` أسم `eyes left`, إعطاء `class` الثانية من `eyes right`. # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +يجب أن يدخل عنصراك `div` في عنصر `#eyes-div`. ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index 7401e267f68..695d10cc533 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. أنشئ ثلاثين عناصر `div` وإعطاء كل منهم فئة `triangle`. +ضمن عنصر `#triangles`، ستحتاج إلى إضافة العناصر التي ستصبح مثلثاتك. أنشئ ثلاثين عناصر `div` وإعطاء كل منهم فئة `triangle`. # --hints-- -You should have 30 `div` elements within your `#triangles` element. +يجب أن يكون لديك 30 عناصر `div` داخل عنصرك `#triangles`. ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 95697cd48dc..78d44112878 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. اعطي أول اثنين `class` باسم `guitar`. ثم أعطى الأول `id` أسم `guitar-left`, والثاني `id` اسم `guitar-right`. إضافة `id` إلى ثالث `div` باسم `guitar-neck`. +داخل عنصر `#guitar`، أنشئ ثلاث عناصر `div`. اعطي أول اثنين `class` باسم `guitar`. ثم أعطى الأول `id` أسم `guitar-left`, والثاني `id` اسم `guitar-right`. إضافة `id` إلى ثالث `div` باسم `guitar-neck`. أما الثالث `div` فلا ينبغي أن يحتوي على فئة `guitar`. # --hints-- -You should have three new `div` elements within your `#guitar` element. +يجب أن يكون لديك ثلاث عناصر `div` جديدة بداخل عنصرك `#guitar`. ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index e86cc060a4c..09122970c0d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +استخدم أيقونة FontAwesome الأخرى في `.guitar` الخاص بك. داخل كل من عنصرين `#guitar-left` و`#guitar-right`، أضف عنصر `i` وأعطيه `class` باسم `fas fa-bars`. # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +ضمن عنصرك `#guitar-left`، يجب عليك إضافة عنصر `i`. ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +داخل عنصرك `#guitar-right`، يجب عليك إضافة عنصر `i`. ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index b4e47521147..e154d8e2d08 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. أعطيه `width` بقيمة `250px`، و `height` بقيمة `550px`، و `background-color` بقيمة `rgb(240, 78, 42)`. +حدد عنصرك `orange-character` مع المنتقي المعرف (id selector). أعطيه `width` بقيمة `250px`، و `height` بقيمة `550px`، و `background-color` بقيمة `rgb(240, 78, 42)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index d37035d231e..28d3302fc82 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +اعطي عنصر `#orange-character` خاصية `position` بقيمة `absolute`، و`top` بقيمة `25%`، و`left` بقيمة `40%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index c2f06e3c2ce..71c33d05e5c 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. أعطيه `border-radius` بقيمة `50%` لإصلاح هذا. +يجب أن يكون عنصر `#black-round-hat` مستدير (round). أعطيه `border-radius` بقيمة `50%` لإصلاح هذا. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index 6cc764eac4e..0401b845bb9 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +أنقل عنصر `#black-round-hat` إلى مكانها مع `position` بقيمة `absolute`، و `top` بقيمة `-100px`، و `left` بقيمة `5px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index e35a9c997aa..17371f47b2d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +ضع عنصر `#black-round-hat` على الطبقة الصحيحة مع `z-index` بقيمة `-1`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index ae6bd427be4..f058f3f46ba 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. عيّن `width` إلى `180px` و `height` إلى `50px`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف عنصر يحتوي على معرف (id) يسمى `eyes-div`. عيّن `width` إلى `180px` و `height` إلى `50px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index 6bd04e20c93..20abde21a50 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +اعطي عنصر `#eyes-div` خاصية `z-index` بقيمة `3`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index f89752414c5..cb2aa035294 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -الآن تحتاج إلى نقل أيقونات الشريط (bar icons) إلى مكانها. Create a class selector for the `fa-bars` class. قم بتعيين `display` إلى `block`و `margin-top` إلى `30%`، و `margin-left` إلى `40%`. +الآن تحتاج إلى نقل أيقونات الشريط (bar icons) إلى مكانها. أنشئ منتقي فئة (class selector) تستهدف فئة (class) تسمى `fa-bars`. قم بتعيين `display` إلى `block`و `margin-top` إلى `30%`، و `margin-left` إلى `40%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index 83b483f7689..dc3da68119e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. قم بتعيين `width` إلى `200px`، و `height` إلى `30px`، و `background-color` إلى `#D2691E`. +استخدم محدد معرف (id selector) لإنشاء قاعدة تستهدف معرف (id) يسمى `guitar-neck`. قم بتعيين `width` إلى `200px`، و `height` إلى `30px`، و `background-color` إلى `#D2691E`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index fe68bebe626..a3e8f761230 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +الآن انقل عنصر `#guitar-neck` باستخدام `position` بقيمة `absolute` و `top` بقيمة `45px`، و `left` بقيمة `200px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index 28632d919d1..a04126d809f 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +اعطي عنصر `#guitar-neck` خاصية `z-index` بقيمة `3`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 2d5f6a9ef91..c42ef03dd15 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +حان الوقت لتصميم العناصر مع فئة (class) تسمى `eyes`. استخدم منتقي فئة (class selector) لتعيين `width` بقيمة `35px`، و `height` بقيمة `20px` و `background-color` بقيمة `#8B4513`، و `border-radius` بقيمة `20px 50%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index a758f5c002b..fb2bc1a4372 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +ضبط تخطيط عناصر `.triangle` بواسطة `display` بقيمة `inline-block`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 2445244bdbb..1453c0ecf8c 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. عيّن `border-top-color`، و`border-bottom-color`, و`border-left-color` إلى `transparent`. عيّن `border-right-color` إلى `Gold`. +أعط العناصر `.triangle` اللون الصحيح. عيّن `border-top-color`، و`border-bottom-color`, و`border-left-color` إلى `transparent`. عيّن `border-right-color` إلى `Gold`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index 1a43bc8cec9..451e0642ee5 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. عيّن `border-style` بقيمة `solid` و`border-width` بقيمة `42px 45px 45px 0`. +صمم حدود (style border) عناصرك `.triangle`. عيّن `border-style` بقيمة `solid` و`border-width` بقيمة `42px 45px 45px 0`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index 6c1b6ba0bbb..c4f4eb5617a 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. عيّن `width` إلى `0` و `height` إلى `0`. +إنشاء منتقي الفئة (class selector) تستهدف عناصر مع فئة (class) تسمى `triangle`. عيّن `width` إلى `0` و `height` إلى `0`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index 7337b680510..5cd46c094ae 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. عيّن `width` إلى `250px` و `height` إلى `550px`. +أستهدف عنصر مع معرف (id) يسمى `triangles` باستخدام محدد المعرف (id selector). عيّن `width` إلى `250px` و `height` إلى `550px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index bc3a77c7c29..d79c52bef77 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. عيّن `width` بقيمة `100%`, و `height` بقيمة `100px`. +الآن استخدم منتقي المعرف (id selector) بقيمة `guitar`. عيّن `width` بقيمة `100%`, و `height` بقيمة `100px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index 27455536619..71b5b171f55 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +عيّن `border-width` في `#black-hat` بقيمة `150px 0 0 300px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd6b7c83dbf54a08cf0498.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd6b7c83dbf54a08cf0498.md index 7fbf22e820e..ab492305d4e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd6b7c83dbf54a08cf0498.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd6b7c83dbf54a08cf0498.md @@ -7,11 +7,11 @@ dashedName: step-6 # --description-- -ضمن عنصر `div` الخاص بك، أضف ثلاثة عناصر `span`. اعطي كل منهم سمة `class` تم تعيينها إلى `year`، وأضف النصوص التالية (بالترتيب): `2019`و `2020` و `2021`. +ضمن عنصرك `div`، أضف ثلاث عناصر `span`. اعطي كل منهم سمة `class` تم تعيينها إلى `year`، وأضف النصوص التالية (بالترتيب): `2019`و `2020` و `2021`. # --hints-- -عنصر `div` الخاص بك يجب أن يحتوي على ثلاثة عناصر `span`. +يجب أن يحتوي عنصرك `div` على ثلاث عناصر `span`. ```js assert(document.querySelector('div')?.children?.length === 3); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index 2f0bee171ea..69cfceac7a3 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -الفرق الرئيسي بين `tr[class="total"]` و `tr.total` هو أن الأول سيختار عناصر `tr` حيث classs الـ *only* هو `total`. The second will select `tr` elements where the class *includes* `total`. +الفرق الرئيسي بين `tr[class="total"]` و `tr.total` هو أن الأول سيختار عناصر `tr` حيث classs الـ *only* هو `total`. وسيقوم الثاني باختيار عناصر `tr` حيث *يشمل* فئة (class) تسمى `total`. في حالتك `tr.total` سوف يعمل. يمكنك استخدام هذا المنتقى لاستهداف جميع عناصر `td` داخل صفوف `.total`. قم بمحاذاة النص إلى اليمين، وإعطائه padding من `0 0.25rem`. diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 09d5f5478b0..e1f5fc472d4 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index e362a870a70..0eaad10f51a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ assert.exists(document.querySelector('section:last-of-type + button') || documen assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +提交按鈕的文本應爲 `Send`。 ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index 5a54e1db283..95a139dd630 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -建築物相互堆疊，並超出了屏幕。讓我們解決這個問題。 Align the buildings by turning the `.background-buildings` element into a flexbox parent. 使用 `align-items` 和 `justify-content` 在元素的底部均勻地排布建築物。 +建築物相互堆疊，並超出了屏幕。讓我們解決這個問題。 通過將 `.background-buildings` 元素變成一個 flexbox 父元素來對齊建築物。 使用 `align-items` 和 `justify-content` 在元素的底部均勻地排布建築物。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index d35a72b92a6..7671773ef68 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index bbbe8ab5971..03f37afc802 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +使用 id 選擇器爲 id `back-wall` 設置 `background-color` 爲 `#8B4513`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index c1431a73d31..8d6f9623f65 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +給 `#back-wall` 元素一個 `100%` 的 `width` 和一個 `60%` 的 `height` 。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 8d8e0c54ed3..5b7304777c8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 通常，HTML 以自上而下的方式呈現。 代碼頂部的元素位於頁面頂部。 但是，很多時候你可能希望將元素移動到不同的位置。 你可以使用 `position` 屬性來執行此操作。 -Set the `position` property for the `#back-wall` element to `absolute`. `absolute` 位置將元素從自上而下的文檔流中取出，並允許你相對於其容器調整它。 +將 `#back-wall` 元素的 `position` 屬性設置爲 `absolute`。 `absolute` 位置將元素從自上而下的文檔流中取出，並允許你相對於其容器調整它。 -手動定位元素時，你可以使用 `top`、`left`、`right` 和 `bottom` 移動其佈局。 Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +手動定位元素時，你可以使用 `top`、`left`、`right` 和 `bottom` 移動其佈局。 設置 `#back-wall` 的 `top` 值爲 `0`，`left` 值爲 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 65f5967e9d6..46a0b3e5070 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. 這是你將創建繪畫角色的地方。 +在你的 `#back-wall` 元素的下方，創建一個 `div`，其包含 `class` 爲 `characters`。 這是你將創建繪畫角色的地方。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index ed10b701f0b..4afdc8f91cc 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +在該 `.characters` 元素中，創建另一個 `div`，其 `id` 爲 `offwhite-character`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index 5c9ae592202..c9cea83da21 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -這個角色需要眼睛。 Create two `div` elements in the `#black-mask` element. 按順序爲它們提供 `eyes left` 和 `eyes right` 類。 +這個角色需要眼睛。 在 `#black-mask` 元素中創建兩個 `div` 元素。 按順序爲它們提供 `eyes left` 和 `eyes right` 類。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index 1145bd83371..9a208e5fde3 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -爲樂器創建一些“點”。 Add five `div` elements within your `#gray-instrument` element. 將每個的 `class` 設置爲 `black-dot`。 +爲樂器創建一些“點”。 在你的 `#gray-instrument` 元素中添加五個 `div` 元素。 將每個的 `class` 設置爲 `black-dot`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index 8c907abe154..53c38788182 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. 給它一個 `width` 爲 `300px`、一個 `height` 爲 `550px` 和一個 `background-color` 爲 `GhostWhite`。 +使用 id 選擇器爲 id 爲 `offwhite-character` 的元素創建規則。 給它一個 `width` 爲 `300px`、一個 `height` 爲 `550px` 和一個 `background-color` 爲 `GhostWhite`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index 98784445e3d..05ec3a94553 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +將 `#offwhite-character` 移至適當位置，爲此，給它一個 `absolute` 的 `position`，一個 `top` 值爲 `20%`，一個 `left` 值爲 `17.5%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index 1e0166c2e97..79bd03ce662 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. 給它一個 `width` 和 `height` 均爲 `0`，以及一個 `solid` 的 `border-style`。 +使用 id 選擇器，爲 id 爲 `white-hat` 的元素設置樣式。 給它一個 `width` 和 `height` 均爲 `0`，以及一個 `solid` 的 `border-style`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 9eb3dc145b3..19eb84f6f7d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. 給它一個 `100%` 的 `width`、一個 `50px` 的 `height`，和一個 `rgb(45, 31, 19)` 的 `background-color`。 +使用 id 選擇器爲 id 爲 `black-mask` 的元素創建規則。 給它一個 `100%` 的 `width`、一個 `50px` 的 `height`，和一個 `rgb(45, 31, 19)` 的 `background-color`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index 1c93526da8f..f3f5e3af7e6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +使用 id 選擇器，給 id 爲 `gray-instrument` 的元素一個 `width` 爲 `15%`，`height` 設置爲 `40%` 和 `background-color` 爲 `rgb(167, 162, 117)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index 303688a7392..20442150702 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. 將 `width` 設置爲 `10px`，`height` 設置爲 `10px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 +使用類選擇器爲具有 `black-dot` 類的元素創建規則。 將 `width` 設置爲 `10px`，`height` 設置爲 `10px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 5b21c570494..54c8edd78ab 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. 給它一個 `width` 值爲 `450px`、一個 `height` 值爲 `140px`，和一個 `background-color` 值爲 `#D2691E`。 +使用 id 選擇器，爲 id 爲 `tan-table` 的元素設置樣式。 給它一個 `width` 值爲 `450px`、一個 `height` 值爲 `140px`，和一個 `background-color` 值爲 `#D2691E`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index 9243a080ee9..6c2a0938af5 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +在你的新的 `#black-character` 元素中，添加三個 `div` 元素，並按以下順序設置 `id` 值：`black-hat`、`gray-mask`、`white-paper`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index 64a91730412..78f53d72c91 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -面具需要眼睛。 Within your `#gray-mask` element, add two `div` elements. 第一個應該將 `class` 設置爲 `eyes left`，第二個應該將 `class` 設置爲 `eyes right`。 +面具需要眼睛。 在你的 `#gray-mask` 元素中，添加兩個 `div` 元素。 第一個應該將 `class` 設置爲 `eyes left`，第二個應該將 `class` 設置爲 `eyes right`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index 21a979120fb..ac0eca4cef6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 `i` 元素用於習語文本，或與“正常”文本內容分開的文本。 這可能適用於_斜體_文本，例如科學術語，也可能適用於 FontAwesome 提供的圖標。 -Within your `#white-paper` element, add four `i` elements. 給它們一個 `fas fa-music` 的 `class`。 +在你的 `#white-paper` 元素中，添加四個 `i` 元素。 給它們一個 `fas fa-music` 的 `class`。 這個特殊的類是 FontAwesome 如何確定要加載哪個圖標。 `fas` 表示圖標的類別（此處爲 FontAwesome Solid 字體），而 `fa-music` 選擇特定圖標。 diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index 5bc82871c93..270d879dd43 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. 將 `width` 設置爲 `300px`，`height` 設置爲 `500px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 +使用 id 選擇器爲 id 爲 `black-character` 的元素創建規則。 將 `width` 設置爲 `300px`，`height` 設置爲 `500px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index 87abbfce0b8..affcbcd30ee 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +通過將 `position` 設置爲 `absolute`，`top` 設置爲 `30%`，`left` 設置爲 `59%`，將 `#black-character` 元素移動到位。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index 24401c4cea7..ccf6e6c578c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. 給它一個 `width` 值爲 `0`、一個 `height` 值爲 `0`，和一個 `border-style` 值爲 `solid`。 +使用 id 選擇器爲 id 爲 `black-hat` 的元素創建規則。 給它一個 `width` 值爲 `0`、一個 `height` 值爲 `0`，和一個 `border-style` 值爲 `solid`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index b9690120888..441d5716993 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. 給它添加值爲 `transparent` 的 `border-top-color`、`border-right-color` 和 `border-bottom-color`。 將 `border-left-color` 設置爲 `rgb(45, 31, 19)`。 +就像你的 `#white-hat` 一樣，你應該爲 `#black-hat` 元素設置邊框樣式。 給它添加值爲 `transparent` 的 `border-top-color`、`border-right-color` 和 `border-bottom-color`。 將 `border-left-color` 設置爲 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index 61f61f6f242..07c5e27af8d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. 給它一個 `position` 爲 `absolute`，一個 `top` 爲 `-150px` 和一個 `left` 爲 `0`。 +現在定位 `#black-hat` 元素。 給它一個 `position` 爲 `absolute`，一個 `top` 爲 `-150px` 和一個 `left` 爲 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index c6cc746feb0..f9c03e172b9 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. 給它一個 `width` 爲 `150px`、一個 `height` 爲 `150px` 和一個 `background-color` 爲 `rgb(167, 162, 117)`。 +使用 id 選擇器，爲 id 爲 `gray-mask` 的元素設置樣式。 給它一個 `width` 爲 `150px`、一個 `height` 爲 `150px` 和一個 `background-color` 爲 `rgb(167, 162, 117)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index 68cee78afa7..4fe9d20306b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +通過將 `position` 設置爲 `absolute`、將 `top` 設置爲 `-10px`，以及將 `left` 設置爲 `70px`，來定位 `#gray-mask`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index 1febadd85a3..1e4a12eaf82 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. 將 `width` 設置爲 `400px`、`height` 設置爲 `100px`、`background-color` 設置爲 `GhostWhite`。 +使用 id 選擇器，爲 id 爲 `white-paper` 的元素創建規則。 將 `width` 設置爲 `400px`、`height` 設置爲 `100px`、`background-color` 設置爲 `GhostWhite`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index 13fe1d1f763..d2e32f82a8f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +給 `#white-paper` 一個 `position` 爲 `absolute`、一個 `top` 爲 `250px` 和一個 `left` 爲 `-150px`，將其移動到位。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index 329844e04a8..732eeab5f50 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +將 `#white-paper` 的 `z-index` 設置爲 `1`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index 12037aa7922..238cd3ce22d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -FontAwesome 圖標帶有自己的樣式來定義圖標。 但是，你仍然可以自己設置樣式，以更改顏色和大小等內容。 For now, use a class selector to target the icons with the class `fa-music`. 將 `display` 設置爲 `inline-block`，將 `margin-top` 設置爲 `8%`，並將 `margin-left` 設置爲 `13%`。 +FontAwesome 圖標帶有自己的樣式來定義圖標。 但是，你仍然可以自己設置樣式，以更改顏色和大小等內容。 現在，使用類選擇器來選中具有 `fa-music` 類的圖標。 將 `display` 設置爲 `inline-block`，將 `margin-top` 設置爲 `8%`，並將 `margin-left` 設置爲 `13%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index 1af38cc09b9..0f50fa60d7b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. 這些將是披肩。 給它們添加 `class` 爲 `blue`。 然後給第一個設置 `id` 爲 `blue-left`，給第二個設置 `id` 爲 `blue-right`。 +在你的 `#black-character` 元素下方，添加兩個新的 `div` 元素。 這些將是披肩。 給它們添加 `class` 爲 `blue`。 然後給第一個設置 `id` 爲 `blue-left`，給第二個設置 `id` 爲 `blue-right`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index cb33752dd41..d790541f148 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. 將 `background-color` 設置爲 `#1E90FF`。 +使用類選擇器來定位具有 `blue` 類的新元素。 將 `background-color` 設置爲 `#1E90FF`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index 05391d1d5e8..379d44c0fb2 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. 給它一個 `width` 爲 `500px` 和一個 `height` 爲 `300px`。 +使用 id 選擇器選中 id 爲 `blue-left` 的元素。 給它一個 `width` 爲 `500px` 和一個 `height` 爲 `300px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index 729831ab80f..9673d3bd87a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. 將 `width` 設置爲 `400px`，將 `height` 設置爲 `300px`。 +接着，使用 id 選擇器選中 id 爲 `blue-right` 的元素。 將 `width` 設置爲 `400px`，將 `height` 設置爲 `300px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index d0eaaab5720..9a2abdf5474 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +爲 `#blue-right` 提供正確的定位，將 `position` 設置爲 `absolute`，`top` 設置爲 `50%`，`left` 設置爲 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index 46418c4fa76..2d7ce80f60c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. 將它的 `id` 值設置爲 `orange-character`。 +在你的 `.blue` 元素下方，添加另一個 `div`。 將它的 `id` 值設置爲 `orange-character`。 # --hints-- -You should have a new `div` element within your `.characters` element. +你的 `.characters` 元素中應該有一個新的 `div` 元素。 ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index de55ea92dc3..ad92fbfca59 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. 按順序給它們 `id` 值爲 `black-round-hat`、`eyes-div`、`triangles` 和 `guitar`。 +在該 `#orange-character` 元素中，添加四個 `div` 元素。 按順序給它們 `id` 值爲 `black-round-hat`、`eyes-div`、`triangles` 和 `guitar`。 # --hints-- -You should have four new `div` elements within your `#orange-character` element. +你的 `#orange-character` 元素中應該有四個新的 `div` 元素。 ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index 794488d1259..93ba42220d6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. 在裏面添加兩個 `div` 元素。 給第一個添加 `eyes left` 的 `class`，給第二個添加 `eyes right` 的 `class`。 +`#eyes-div` 元素應該有一些眼睛。 在裏面添加兩個 `div` 元素。 給第一個添加 `eyes left` 的 `class`，給第二個添加 `eyes right` 的 `class`。 # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +你應該有兩個 `div` 元素嵌套在 `#eyes-div` 中。 ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index 0899dc4792d..b712063f48d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. 創建三十個 `div` 元素，併爲每個元素賦予 `triangle` 類。 +在 `#triangles` div 中，你需要添加將成爲三角形的元素。 創建三十個 `div` 元素，併爲每個元素賦予 `triangle` 類。 # --hints-- -You should have 30 `div` elements within your `#triangles` element. +你的 `#triangles` 元素中應該有 30 個 `div` 元素。 ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 677f93bd766..a897d7e96bf 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. 給前兩個添加 `guitar` 的 `class`。 然後給第一個添加 `id` 值爲 `guitar-left`，給第二個添加 `id` 值爲 `guitar-right`。 給第三個 `div` 添加 `id` 值爲 `guitar-neck`。 +在 `#guitar` 元素中，創建三個 `div` 元素。 給前兩個添加 `guitar` 的 `class`。 然後給第一個添加 `id` 值爲 `guitar-left`，給第二個添加 `id` 值爲 `guitar-right`。 給第三個 `div` 添加 `id` 值爲 `guitar-neck`。 第三個 `div` 不應該有 `guitar` 類。 # --hints-- -You should have three new `div` elements within your `#guitar` element. +你的 `#guitar` 元素中應該有三個新的 `div` 元素。 ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index 4862db1d3b1..f949d4be5d7 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +爲你的 `.guitar` 使用另一個 FontAwesome 圖標。 在 `#guitar-left` 和 `#guitar-right` 元素中，添加一個 `i` 元素，並給它一個 `class` 爲 `fas fa-bars`。 # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +在你的 `#guitar-left` 元素中，你應該添加一個 `i` 元素。 ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +在你的 `#guitar-right` 元素中，你應該添加一個 `i` 元素。 ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index bdd98950f31..29e9be59cfe 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. 給它一個 `width` 爲 `250px`、一個 `height` 爲 `550px` 和一個 `background-color` 爲 `rgb(240, 78, 42)`。 +使用 id 選擇器選擇你的 `orange-character` 元素。 給它一個 `width` 爲 `250px`、一個 `height` 爲 `550px` 和一個 `background-color` 爲 `rgb(240, 78, 42)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index c2fbd5e9c32..8a0566e192b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +給 `#orange-character` 設置 `position` 爲 `absolute`，`top` 爲 `25%`，以及 `left` 爲 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 36cddb7b7e2..e85031fd377 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. 將`width`設置爲`180px`，`height`設置爲`150px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 +使用 id 選擇器爲 id 爲 `black-round-hat` 的元素設置樣式。 將`width`設置爲`180px`，`height`設置爲`150px`，`background-color` 設置爲 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index 8ff48c99054..cd661f6dc06 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. 給它一個 `50%` 的 `border-radius` 來解決這個問題。 +`#black-round-hat` 元素應該是圓形的。 給它一個 `50%` 的 `border-radius` 來解決這個問題。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index 954ca84ad8d..be2424a3021 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +移動 `#black-round-hat` 元素，使它的 `position` 爲 `absolute`，`top` 爲 `-100px`，以及 `left` 爲 `5px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index 1990d574384..1bc8fe19a11 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +將 `#black-round-hat` 元素放在正確的一層上，`z-index` 爲 `-1`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 6b930da1f2f..ade9fe4838f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. 將 `width` 設置爲 `180px`，並將 `height` 設置爲 `50px`。 +使用 id 選擇器爲 id 爲 `eyes-div` 的元素創建規則。 將 `width` 設置爲 `180px`，並將 `height` 設置爲 `50px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index c7c60f7f925..db9b950cd8f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +現在將 `#eyes-div` 元素移動到位，將 `position` 設置爲 `absolute`，`top` 設置爲 `-40px`，並且 `left` 設置爲 `20px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index de0e2f323f5..c969146d401 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +將 `#eyes-div` 的 `z-index` 值設置爲 `3`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index 87ccbbf0341..81bc7daee60 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. 這將爲吉他的兩個“半部分”設置樣式。 將 `width` 設置爲 `150px`，`height` 設置爲 `120px`，`background-color` 設置爲 `Goldenrod`，`border-radius` 設置爲 `50%`。 +現在使用 class 選擇器來定位 `guitar`。 這將爲吉他的兩個“半部分”設置樣式。 將 `width` 設置爲 `150px`，`height` 設置爲 `120px`，`background-color` 設置爲 `Goldenrod`，`border-radius` 設置爲 `50%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index f47e45dc326..d2883da6184 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -現在你需要將條形圖標移動到位。 Create a class selector for the `fa-bars` class. 將 `display` 設置爲 `block`，`margin-top` 設置爲 `30%`，`margin-left` 設置爲 `40%`。 +現在你需要將條形圖標移動到位。 爲 `fa-bars` 類創建一個類選擇器。 將 `display` 設置爲 `block`，`margin-top` 設置爲 `30%`，`margin-left` 設置爲 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index 73a6f5a00d2..7d637ae5967 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. 將 `width` 設置爲 `200px`，`height` 設置爲 `30px`，`background-color` 設置爲 `#D2691E`。 +使用 id 選擇器爲 id `guitar-neck` 創建規則。 將 `width` 設置爲 `200px`，`height` 設置爲 `30px`，`background-color` 設置爲 `#D2691E`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index 346f631f0c7..d8d1a7d850a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +現在移動 `#guitar-neck` 元素，`position` 爲 `absolute`，`top` 值爲 `45px`，以及 `left` 值爲 `200px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index c39aa656d00..4c0d4fa4bb1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +給 `#guitar-neck` 元素一個 `z-index` 值爲 `3`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 12a09405202..6ca75938135 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +是時候用 `eyes` 類設置元素的樣式了。 使用類選擇器將 `width` 設置爲 `35px`，`height` 設置爲 `20px`，`background-color` 設置爲 `#8B4513`，`border-radius` 設置爲 `20px 50%`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index 1536f52a863..c9dde71e4fe 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -最後一個步驟。 FontAwesome 圖標有點太小了。 Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +最後一個步驟。 FontAwesome 圖標有點太小了。 使用 `fas` 類選擇器定位它們，並將 `font-size` 設置爲 `30px`。 這樣，你的畢加索畫就完成了！ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 518322f6ead..6b4d6f86f4b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +調整 `.triangle` 元素的佈局，設置 `display` 爲 `inline-block`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 251bd629853..d492bbd24e7 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. 將 `border-top-color`、`border-bottom-color` 和 `border-left-color` 設置爲 `transparent`。 將 `border-right-color` 設置爲 `Gold`。 +給你的 `.triangle` 元素正確的顏色。 將 `border-top-color`、`border-bottom-color` 和 `border-left-color` 設置爲 `transparent`。 將 `border-right-color` 設置爲 `Gold`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index 8b18570c180..e0129d1fdeb 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. 將 `border-style` 設置爲 `solid`，`border-width` 設置爲 `42px 45px 45px 0`。 +爲你的 `.triangle` 元素的邊框設置樣式。 將 `border-style` 設置爲 `solid`，`border-width` 設置爲 `42px 45px 45px 0`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index 564b2a9c2ec..7c70f066962 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. 將 `width` 設置爲 `0`，`height` 設置爲 `0`。 +爲具有 `triangle` 類的元素創建一個類選擇器。 將 `width` 設置爲 `0`，`height` 設置爲 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index 181de6f7662..3072a879505 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. 將 `width` 設置爲 `250px`，`height` 設置爲 `550px`。 +使用 id 選擇器選中 id 爲 `triangles` 的元素。 將 `width` 設置爲 `250px`，`height` 設置爲 `550px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index b086720165b..d6111da82ac 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. 將 `width` 設置爲 `100%`，`height` 設置爲 `100px`。 +現在爲 `guitar` 使用 id 選擇器。 將 `width` 設置爲 `100%`，`height` 設置爲 `100px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index 91b59674f3c..b58fe99b637 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +將 `#black-hat` 的 `border-width` 設置爲 `150px 0 0 300px`。 # --hints-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index 8631c99b809..e5e3fbcaeef 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -`tr[class="total"]` 和 `tr.total` 之間的主要區別在於，前一個將選擇類*只是* `total` 的 `tr` 元素。 The second will select `tr` elements where the class *includes* `total`. +`tr[class="total"]` 和 `tr.total` 之間的主要區別在於，前一個將選擇類*只是* `total` 的 `tr` 元素。 第二個將選擇類*包含* `total` 的 `tr` 元素。 在你的案例中，`tr.total` 將起作用。 你可以使用此選擇器來定位 `.total` 行中的所有 `td` 元素。 將文本向右對齊，併爲它們提供 `0 0.25rem` 的填充。 diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 2070e38ce4e..fc95ecb741c 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index 77457bf31b5..9809a9210ec 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ assert.exists(document.querySelector('section:last-of-type + button') || documen assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +提交按钮的文本应为 `Send`。 ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index ef780a165d9..83d1a682e2b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -建筑物相互堆叠，并超出了屏幕。让我们解决这个问题。 Align the buildings by turning the `.background-buildings` element into a flexbox parent. 使用 `align-items` 和 `justify-content` 在元素的底部均匀地排布建筑物。 +建筑物相互堆叠，并超出了屏幕。让我们解决这个问题。 通过将 `.background-buildings` 元素变成一个 flexbox 父元素来对齐建筑物。 使用 `align-items` 和 `justify-content` 在元素的底部均匀地排布建筑物。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index ff019d07269..2b02995816f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 66d6ed8c04e..449328505ee 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +使用 id 选择器为 id `back-wall` 设置 `background-color` 为 `#8B4513`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index 3906f2b0806..2663a9e0691 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +给 `#back-wall` 元素一个 `100%` 的 `width` 和一个 `60%` 的 `height` 。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 42bb8fb0c81..21bd2fe2908 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 通常，HTML 以自上而下的方式呈现。 代码顶部的元素位于页面顶部。 但是，很多时候你可能希望将元素移动到不同的位置。 你可以使用 `position` 属性来执行此操作。 -Set the `position` property for the `#back-wall` element to `absolute`. `absolute` 位置将元素从自上而下的文档流中取出，并允许你相对于其容器调整它。 +将 `#back-wall` 元素的 `position` 属性设置为 `absolute`。 `absolute` 位置将元素从自上而下的文档流中取出，并允许你相对于其容器调整它。 -手动定位元素时，你可以使用 `top`、`left`、`right` 和 `bottom` 移动其布局。 Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +手动定位元素时，你可以使用 `top`、`left`、`right` 和 `bottom` 移动其布局。 设置 `#back-wall` 的 `top` 值为 `0`，`left` 值为 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 0fc6af01a9f..6aec7e412d1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. 这是你将创建绘画角色的地方。 +在你的 `#back-wall` 元素的下方，创建一个 `div`，其包含 `class` 为 `characters`。 这是你将创建绘画角色的地方。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index 822bad7e6c0..30c3771c4fa 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +在该 `.characters` 元素中，创建另一个 `div`，其 `id` 为 `offwhite-character`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index 11c3c402eda..74dae6ed16e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -这个角色需要眼睛。 Create two `div` elements in the `#black-mask` element. 按顺序为它们提供 `eyes left` 和 `eyes right` 类。 +这个角色需要眼睛。 在 `#black-mask` 元素中创建两个 `div` 元素。 按顺序为它们提供 `eyes left` 和 `eyes right` 类。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index b33b9cbdae6..761855e07c0 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -为乐器创建一些“点”。 Add five `div` elements within your `#gray-instrument` element. 将每个的 `class` 设置为 `black-dot`。 +为乐器创建一些“点”。 在你的 `#gray-instrument` 元素中添加五个 `div` 元素。 将每个的 `class` 设置为 `black-dot`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index 6e1bcf7c338..26589150ea1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. 给它一个 `width` 为 `300px`、一个 `height` 为 `550px` 和一个 `background-color` 为 `GhostWhite`。 +使用 id 选择器为 id 为 `offwhite-character` 的元素创建规则。 给它一个 `width` 为 `300px`、一个 `height` 为 `550px` 和一个 `background-color` 为 `GhostWhite`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index a58e030c461..9784eb2015f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +将 `#offwhite-character` 移至适当位置，为此，给它一个 `absolute` 的 `position`，一个 `top` 值为 `20%`，一个 `left` 值为 `17.5%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index dcce21023e3..835971864d3 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. 给它一个 `width` 和 `height` 均为 `0`，以及一个 `solid` 的 `border-style`。 +使用 id 选择器，为 id 为 `white-hat` 的元素设置样式。 给它一个 `width` 和 `height` 均为 `0`，以及一个 `solid` 的 `border-style`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 5a4dd9212c5..8f1aa3ac550 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. 给它一个 `100%` 的 `width`、一个 `50px` 的 `height`，和一个 `rgb(45, 31, 19)` 的 `background-color`。 +使用 id 选择器为 id 为 `black-mask` 的元素创建规则。 给它一个 `100%` 的 `width`、一个 `50px` 的 `height`，和一个 `rgb(45, 31, 19)` 的 `background-color`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index 093c04975d2..8377b822bf7 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +使用 id 选择器，给 id 为 `gray-instrument` 的元素一个 `width` 为 `15%`，`height` 设置为 `40%` 和 `background-color` 为 `rgb(167, 162, 117)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index 5befeabb536..fb79ed8469c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. 将 `width` 设置为 `10px`，`height` 设置为 `10px`，`background-color` 设置为 `rgb(45, 31, 19)`。 +使用类选择器为具有 `black-dot` 类的元素创建规则。 将 `width` 设置为 `10px`，`height` 设置为 `10px`，`background-color` 设置为 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 7100d7f7489..112c10abc3e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. 给它一个 `width` 值为 `450px`、一个 `height` 值为 `140px`，和一个 `background-color` 值为 `#D2691E`。 +使用 id 选择器，为 id 为 `tan-table` 的元素设置样式。 给它一个 `width` 值为 `450px`、一个 `height` 值为 `140px`，和一个 `background-color` 值为 `#D2691E`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index ef7ecc52e1e..933c76c720d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +在你的新的 `#black-character` 元素中，添加三个 `div` 元素，并按以下顺序设置 `id` 值：`black-hat`、`gray-mask`、`white-paper`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index 6c38c6a429e..6a08338e5c6 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -面具需要眼睛。 Within your `#gray-mask` element, add two `div` elements. 第一个应该将 `class` 设置为 `eyes left`，第二个应该将 `class` 设置为 `eyes right`。 +面具需要眼睛。 在你的 `#gray-mask` 元素中，添加两个 `div` 元素。 第一个应该将 `class` 设置为 `eyes left`，第二个应该将 `class` 设置为 `eyes right`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index dff73501e48..3c4d9f39e40 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 `i` 元素用于习语文本，或与“正常”文本内容分开的文本。 这可能适用于_斜体_文本，例如科学术语，也可能适用于 FontAwesome 提供的图标。 -Within your `#white-paper` element, add four `i` elements. 给它们一个 `fas fa-music` 的 `class`。 +在你的 `#white-paper` 元素中，添加四个 `i` 元素。 给它们一个 `fas fa-music` 的 `class`。 这个特殊的类是 FontAwesome 如何确定要加载哪个图标。 `fas` 表示图标的类别（此处为 FontAwesome Solid 字体），而 `fa-music` 选择特定图标。 diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index 793cffda50f..6b544094c95 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. 将 `width` 设置为 `300px`，`height` 设置为 `500px`，`background-color` 设置为 `rgb(45, 31, 19)`。 +使用 id 选择器为 id 为 `black-character` 的元素创建规则。 将 `width` 设置为 `300px`，`height` 设置为 `500px`，`background-color` 设置为 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index 8592b60e615..6460baf3fdd 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +通过将 `position` 设置为 `absolute`，`top` 设置为 `30%`，`left` 设置为 `59%`，将 `#black-character` 元素移动到位。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index 07fe0e7d1ee..eb7f5d56590 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. 给它一个 `width` 值为 `0`、一个 `height` 值为 `0`，和一个 `border-style` 值为 `solid`。 +使用 id 选择器为 id 为 `black-hat` 的元素创建规则。 给它一个 `width` 值为 `0`、一个 `height` 值为 `0`，和一个 `border-style` 值为 `solid`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index 0dd741a4976..b1925261b5b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. 给它添加值为 `transparent` 的 `border-top-color`、`border-right-color` 和 `border-bottom-color`。 将 `border-left-color` 设置为 `rgb(45, 31, 19)`。 +就像你的 `#white-hat` 一样，你应该为 `#black-hat` 元素设置边框样式。 给它添加值为 `transparent` 的 `border-top-color`、`border-right-color` 和 `border-bottom-color`。 将 `border-left-color` 设置为 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index b6135a24a81..72d6f4b5960 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. 给它一个 `position` 为 `absolute`，一个 `top` 为 `-150px` 和一个 `left` 为 `0`。 +现在定位 `#black-hat` 元素。 给它一个 `position` 为 `absolute`，一个 `top` 为 `-150px` 和一个 `left` 为 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index 32229810fb1..65c9bcaa13e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. 给它一个 `width` 为 `150px`、一个 `height` 为 `150px` 和一个 `background-color` 为 `rgb(167, 162, 117)`。 +使用 id 选择器，为 id 为 `gray-mask` 的元素设置样式。 给它一个 `width` 为 `150px`、一个 `height` 为 `150px` 和一个 `background-color` 为 `rgb(167, 162, 117)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index 622e263da1a..ae2a734cf2d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +通过将 `position` 设置为 `absolute`、将 `top` 设置为 `-10px`，以及将 `left` 设置为 `70px`，来定位 `#gray-mask`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index e05939e2727..f7a9aad7e99 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. 将 `width` 设置为 `400px`、`height` 设置为 `100px`、`background-color` 设置为 `GhostWhite`。 +使用 id 选择器，为 id 为 `white-paper` 的元素创建规则。 将 `width` 设置为 `400px`、`height` 设置为 `100px`、`background-color` 设置为 `GhostWhite`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index 49cc14d8c85..cbcb3636a8d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +给 `#white-paper` 一个 `position` 为 `absolute`、一个 `top` 为 `250px` 和一个 `left` 为 `-150px`，将其移动到位。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index dd6cce291ea..d8442e225f5 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +将 `#white-paper` 的 `z-index` 设置为 `1`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index 6871e08b39d..b2a32978399 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -FontAwesome 图标带有自己的样式来定义图标。 但是，你仍然可以自己设置样式，以更改颜色和大小等内容。 For now, use a class selector to target the icons with the class `fa-music`. 将 `display` 设置为 `inline-block`，将 `margin-top` 设置为 `8%`，并将 `margin-left` 设置为 `13%`。 +FontAwesome 图标带有自己的样式来定义图标。 但是，你仍然可以自己设置样式，以更改颜色和大小等内容。 现在，使用类选择器来选中具有 `fa-music` 类的图标。 将 `display` 设置为 `inline-block`，将 `margin-top` 设置为 `8%`，并将 `margin-left` 设置为 `13%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index c2c8ce1cb29..5ffa6e72998 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. 这些将是披肩。 给它们添加 `class` 为 `blue`。 然后给第一个设置 `id` 为 `blue-left`，给第二个设置 `id` 为 `blue-right`。 +在你的 `#black-character` 元素下方，添加两个新的 `div` 元素。 这些将是披肩。 给它们添加 `class` 为 `blue`。 然后给第一个设置 `id` 为 `blue-left`，给第二个设置 `id` 为 `blue-right`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index 5f977d06ded..34902632433 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. 将 `background-color` 设置为 `#1E90FF`。 +使用类选择器来定位具有 `blue` 类的新元素。 将 `background-color` 设置为 `#1E90FF`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index 2d49a88b5da..766d3ecc2e9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. 给它一个 `width` 为 `500px` 和一个 `height` 为 `300px`。 +使用 id 选择器选中 id 为 `blue-left` 的元素。 给它一个 `width` 为 `500px` 和一个 `height` 为 `300px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index 2a3158ce1eb..c4543451c6c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. 将 `width` 设置为 `400px`，将 `height` 设置为 `300px`。 +接着，使用 id 选择器选中 id 为 `blue-right` 的元素。 将 `width` 设置为 `400px`，将 `height` 设置为 `300px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index 31cce833b38..6a79048b500 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +为 `#blue-right` 提供正确的定位，将 `position` 设置为 `absolute`，`top` 设置为 `50%`，`left` 设置为 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index 6aa892d1fd1..db48a784200 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. 将它的 `id` 值设置为 `orange-character`。 +在你的 `.blue` 元素下方，添加另一个 `div`。 将它的 `id` 值设置为 `orange-character`。 # --hints-- -You should have a new `div` element within your `.characters` element. +你的 `.characters` 元素中应该有一个新的 `div` 元素。 ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index 007d9e11ad0..169b6187f85 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. 按顺序给它们 `id` 值为 `black-round-hat`、`eyes-div`、`triangles` 和 `guitar`。 +在该 `#orange-character` 元素中，添加四个 `div` 元素。 按顺序给它们 `id` 值为 `black-round-hat`、`eyes-div`、`triangles` 和 `guitar`。 # --hints-- -You should have four new `div` elements within your `#orange-character` element. +你的 `#orange-character` 元素中应该有四个新的 `div` 元素。 ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index 33561b37fd9..fea57dc14d6 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. 在里面添加两个 `div` 元素。 给第一个添加 `eyes left` 的 `class`，给第二个添加 `eyes right` 的 `class`。 +`#eyes-div` 元素应该有一些眼睛。 在里面添加两个 `div` 元素。 给第一个添加 `eyes left` 的 `class`，给第二个添加 `eyes right` 的 `class`。 # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +你应该有两个 `div` 元素嵌套在 `#eyes-div` 中。 ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index 292e8a3b5af..8385daeb9e6 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. 创建三十个 `div` 元素，并为每个元素赋予 `triangle` 类。 +在 `#triangles` div 中，你需要添加将成为三角形的元素。 创建三十个 `div` 元素，并为每个元素赋予 `triangle` 类。 # --hints-- -You should have 30 `div` elements within your `#triangles` element. +你的 `#triangles` 元素中应该有 30 个 `div` 元素。 ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 4bf01e56189..ce284c6801d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. 给前两个添加 `guitar` 的 `class`。 然后给第一个添加 `id` 值为 `guitar-left`，给第二个添加 `id` 值为 `guitar-right`。 给第三个 `div` 添加 `id` 值为 `guitar-neck`。 +在 `#guitar` 元素中，创建三个 `div` 元素。 给前两个添加 `guitar` 的 `class`。 然后给第一个添加 `id` 值为 `guitar-left`，给第二个添加 `id` 值为 `guitar-right`。 给第三个 `div` 添加 `id` 值为 `guitar-neck`。 第三个 `div` 不应该有 `guitar` 类。 # --hints-- -You should have three new `div` elements within your `#guitar` element. +你的 `#guitar` 元素中应该有三个新的 `div` 元素。 ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index 394fb300644..54c177a5acf 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +为你的 `.guitar` 使用另一个 FontAwesome 图标。 在 `#guitar-left` 和 `#guitar-right` 元素中，添加一个 `i` 元素，并给它一个 `class` 为 `fas fa-bars`。 # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +在你的 `#guitar-left` 元素中，你应该添加一个 `i` 元素。 ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +在你的 `#guitar-right` 元素中，你应该添加一个 `i` 元素。 ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index 7aaee94644b..36bb6877372 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. 给它一个 `width` 为 `250px`、一个 `height` 为 `550px` 和一个 `background-color` 为 `rgb(240, 78, 42)`。 +使用 id 选择器选择你的 `orange-character` 元素。 给它一个 `width` 为 `250px`、一个 `height` 为 `550px` 和一个 `background-color` 为 `rgb(240, 78, 42)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index 71095b87b55..6fbfba0f938 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +给 `#orange-character` 设置 `position` 为 `absolute`，`top` 为 `25%`，以及 `left` 为 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 46fed7268b4..437860e259e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. 将`width`设置为`180px`，`height`设置为`150px`，`background-color` 设置为 `rgb(45, 31, 19)`。 +使用 id 选择器为 id 为 `black-round-hat` 的元素设置样式。 将`width`设置为`180px`，`height`设置为`150px`，`background-color` 设置为 `rgb(45, 31, 19)`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index 4fd5ea32214..7ebd8efced2 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. 给它一个 `50%` 的 `border-radius` 来解决这个问题。 +`#black-round-hat` 元素应该是圆形的。 给它一个 `50%` 的 `border-radius` 来解决这个问题。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index f354c5fb7c8..afdac5e1a64 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +移动 `#black-round-hat` 元素，使它的 `position` 为 `absolute`，`top` 为 `-100px`，以及 `left` 为 `5px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index eb99c58a777..8c80e2e345e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +将 `#black-round-hat` 元素放在正确的一层上，`z-index` 为 `-1`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 94f5dac4991..9ac0f4845bb 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. 将 `width` 设置为 `180px`，并将 `height` 设置为 `50px`。 +使用 id 选择器为 id 为 `eyes-div` 的元素创建规则。 将 `width` 设置为 `180px`，并将 `height` 设置为 `50px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index 42056435ac3..a9bb2007ecc 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +现在将 `#eyes-div` 元素移动到位，将 `position` 设置为 `absolute`，`top` 设置为 `-40px`，并且 `left` 设置为 `20px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index 4621d53c406..67b94febc7f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +将 `#eyes-div` 的 `z-index` 值设置为 `3`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index b99682caf1f..f5191d176b4 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. 这将为吉他的两个“半部分”设置样式。 将 `width` 设置为 `150px`，`height` 设置为 `120px`，`background-color` 设置为 `Goldenrod`，`border-radius` 设置为 `50%`。 +现在使用 class 选择器来定位 `guitar`。 这将为吉他的两个“半部分”设置样式。 将 `width` 设置为 `150px`，`height` 设置为 `120px`，`background-color` 设置为 `Goldenrod`，`border-radius` 设置为 `50%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index 8d1db41e621..790fb78a3bb 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -现在你需要将条形图标移动到位。 Create a class selector for the `fa-bars` class. 将 `display` 设置为 `block`，`margin-top` 设置为 `30%`，`margin-left` 设置为 `40%`。 +现在你需要将条形图标移动到位。 为 `fa-bars` 类创建一个类选择器。 将 `display` 设置为 `block`，`margin-top` 设置为 `30%`，`margin-left` 设置为 `40%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index 891accfb9d2..1abeb247db9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. 将 `width` 设置为 `200px`，`height` 设置为 `30px`，`background-color` 设置为 `#D2691E`。 +使用 id 选择器为 id `guitar-neck` 创建规则。 将 `width` 设置为 `200px`，`height` 设置为 `30px`，`background-color` 设置为 `#D2691E`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index 2258f06dade..a535da82f91 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +现在移动 `#guitar-neck` 元素，`position` 为 `absolute`，`top` 值为 `45px`，以及 `left` 值为 `200px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index 4a73de0d7f7..9b026b24ec1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +给 `#guitar-neck` 元素一个 `z-index` 值为 `3`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 685e96d2c19..b78cb087a5b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +是时候用 `eyes` 类设置元素的样式了。 使用类选择器将 `width` 设置为 `35px`，`height` 设置为 `20px`，`background-color` 设置为 `#8B4513`，`border-radius` 设置为 `20px 50%`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index c43726c2e4f..f72cb8ba747 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -最后一个步骤。 FontAwesome 图标有点太小了。 Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +最后一个步骤。 FontAwesome 图标有点太小了。 使用 `fas` 类选择器定位它们，并将 `font-size` 设置为 `30px`。 这样，你的毕加索画就完成了！ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 1b6f84100a0..673a2276c45 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +调整 `.triangle` 元素的布局，设置 `display` 为 `inline-block`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 40c49752252..71d2aee0456 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. 将 `border-top-color`、`border-bottom-color` 和 `border-left-color` 设置为 `transparent`。 将 `border-right-color` 设置为 `Gold`。 +给你的 `.triangle` 元素正确的颜色。 将 `border-top-color`、`border-bottom-color` 和 `border-left-color` 设置为 `transparent`。 将 `border-right-color` 设置为 `Gold`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index 3663bb4de82..8203ccfb445 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. 将 `border-style` 设置为 `solid`，`border-width` 设置为 `42px 45px 45px 0`。 +为你的 `.triangle` 元素的边框设置样式。 将 `border-style` 设置为 `solid`，`border-width` 设置为 `42px 45px 45px 0`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index f29861256e6..10fc9d0f7d5 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. 将 `width` 设置为 `0`，`height` 设置为 `0`。 +为具有 `triangle` 类的元素创建一个类选择器。 将 `width` 设置为 `0`，`height` 设置为 `0`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index cbec223529f..c0d68eefff3 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. 将 `width` 设置为 `250px`，`height` 设置为 `550px`。 +使用 id 选择器选中 id 为 `triangles` 的元素。 将 `width` 设置为 `250px`，`height` 设置为 `550px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index b7278aabd86..b6da04b3776 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. 将 `width` 设置为 `100%`，`height` 设置为 `100px`。 +现在为 `guitar` 使用 id 选择器。 将 `width` 设置为 `100%`，`height` 设置为 `100px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index b0d966f56c0..a25098fe6d7 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +将 `#black-hat` 的 `border-width` 设置为 `150px 0 0 300px`。 # --hints-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index ad175f82223..43e78fe2517 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -`tr[class="total"]` 和 `tr.total` 之间的主要区别在于，前一个将选择类*只是* `total` 的 `tr` 元素。 The second will select `tr` elements where the class *includes* `total`. +`tr[class="total"]` 和 `tr.total` 之间的主要区别在于，前一个将选择类*只是* `total` 的 `tr` 元素。 第二个将选择类*包含* `total` 的 `tr` 元素。 在你的案例中，`tr.total` 将起作用。 你可以使用此选择器来定位 `.total` 行中的所有 `td` 元素。 将文本向右对齐，并为它们提供 `0 0.25rem` 的填充。 diff --git a/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 83b47185103..bb1dde197bc 100644 --- a/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index f886af05a41..6ef5fef4b55 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 5cd28be15e0..7559b3c3b5a 100644 --- a/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index eafba190a78..f29c2eea6ce 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index d14925514c6..27fe553cbfe 100644 --- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index 63f677f93af..e995fd14fb2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md index 3514bd29bab..8c33eccc61d 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md @@ -119,7 +119,7 @@ const el = document.getElementById('email') assert(!!el && el.required) ``` -Your `#email` should be a descendant of `#survey-form`. +`#email` は `#survey-form` の子孫要素である必要があります。 ```js const el = document.querySelector('#survey-form #email') diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 63bc09dabc8..97e9b7d088e 100644 --- a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index 80527adc87b..3980ecd5a83 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ assert.exists(document.querySelector('section:last-of-type + button') || documen assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +送信ボタンは `Send` というテキストを表示する必要があります。 ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index 943df2daa5a..f9c9ac20ad2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -現状、各ビルが縦に積み重なってしまっています。 Align the buildings by turning the `.background-buildings` element into a flexbox parent. `align-items` プロパティと `justify-content` プロパティを使用して、ビルを要素の下部に、等間隔で配置してください。 +現状、各ビルが縦に積み重なってしまっています。 `.background-buildings` の要素をフレックスボックスの親にして、ビルを整列させましょう。 `align-items` プロパティと `justify-content` プロパティを使用して、ビルを要素の下部に、等間隔で配置してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index 8ab29799b3d..8998382a55b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 4375367fc74..f16e191e50c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +ID セレクターを使用して、ID が `back-wall` の要素の `background-color` を `#8B4513` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index 453bb56adbc..6692c5845e1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +`#back-wall` の要素の `width` を `100%` に、`height` を `60%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 60fe3e2cbc2..ec0b7d4bdea 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 通常、HTML は上から下にレンダリングされます。 コードの上部にある要素は、ページの上部に表示されます。 しかし、要素を異なる位置に移動させたい場合も多々あります。 それには `position` プロパティを使います。 -Set the `position` property for the `#back-wall` element to `absolute`. `absolute` 位置指定は、上から下に向かうドキュメントフローから要素を除外し、その要素のコンテナーからの相対位置での位置調整を可能にします。 +`#back-wall` の要素の `position` プロパティを `absolute` に設定してください。 `absolute` 位置指定は、上から下に向かうドキュメントフローから要素を除外し、その要素のコンテナーからの相対位置での位置調整を可能にします。 -要素を手動で位置指定する場合、`top`、`left`、`right`、`bottom` を使用してレイアウトを調整できます。 Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +要素を手動で位置指定する場合、`top`、`left`、`right`、`bottom` を使用してレイアウトを調整できます。 `#back-wall` 要素の `top` の値が `0`、`left` の値が `0` になるよう設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 6463dcdb3a3..5fc2ea0d80e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. ここに絵画のキャラクターを作成していきます。 +`#back-wall` の要素の下に、`div` を作成して `class` を `characters` に設定してください。 ここに絵画のキャラクターを作成していきます。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index 8e0a5902832..a299a24b312 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +`.characters` の要素内に、もう 1 つ `div` を作成し、`id` を `offwhite-character` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index b71bb999fbd..7a9e51b00df 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -キャラクターの目を作りましょう。 Create two `div` elements in the `#black-mask` element. 作成した要素に、順番に `eyes left` と `eyes right` というクラスを設定してください。 +キャラクターの目を作りましょう。 `#black-mask` の要素内に `div` 要素を 2 つ作成してください。 作成した要素に、順番に `eyes left` と `eyes right` というクラスを設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index 026a122dce0..aa249822a81 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -楽器に付ける「点」を作成します。 Add five `div` elements within your `#gray-instrument` element. それぞれの `class` を `black-dot` に設定してください。 +楽器に付ける「点」を作成します。 `#gray-instrument` の要素内に `div` 要素を 5 つ追加してください。 それぞれの `class` を `black-dot` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index 9a83eb01cd7..3427c436ef7 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. その `width` を `300px`、`height` を `550px`、`background-color` を `GhostWhite` に設定してください。 +ID セレクターを使用して、`offwhite-character` という ID を持つ要素を対象とするルールを作成してください。 その `width` を `300px`、`height` を `550px`、`background-color` を `GhostWhite` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index a2c4de3cb12..d4ee4abb5e2 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +`#offwhite-character` を所定の位置に動かすために、`position` を `absolute` に、`top` の値を `20%` に、`left` の値を `17.5%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index 830457e95b8..2e5d32a6e39 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. `width` と `height` を `0` に、`border-style` を `solid` に設定してください。 +ID セレクターを使用して、`white-hat` という ID を持つ要素のスタイルを設定しましょう。 `width` と `height` を `0` に、`border-style` を `solid` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 4fa319e2062..ddde3c4fedc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. `width` を `100%`、`height` を `50px`、`background-color` を `rgb(45, 31, 19)` に設定してください。 +ID セレクターを使用して、`black-mask` という ID を持つ要素を対象とするルールを作成してください。 `width` を `100%`、`height` を `50px`、`background-color` を `rgb(45, 31, 19)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index 5555e7c1819..8cbfb01567e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +ID セレクターを使用して、ID が `gray-instrument` の要素の `width` を `15%`、`height` を `40%`、`background-color` を `rgb(167, 162, 117)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index bb15451caff..7df0441cf6d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. その `width` を `10px` に、`height` を `10px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 +クラスセレクターを使用して、`black-dot` クラスの要素を対象とするルールを作成してください。 その `width` を `10px` に、`height` を `10px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 4b187cd1d14..5ef9c0d6cf9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. `width` を `450px` に、`height` を `140px` に、`background-color` を `#D2691E` に設定してください。 +ID セレクターを使用して、`tan-table` という ID を持つ要素のスタイルを設定しましょう。 `width` を `450px` に、`height` を `140px` に、`background-color` を `#D2691E` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index 021e1597b2f..723966211d0 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +今追加した `#black-character` の要素の中に、`div` 要素を 3 つ追加して、以下の `id` の値を順に設定してください: `black-hat`、`gray-mask`、`white-paper` # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index c8b9fc1f05d..89d2ec0c2d7 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -仮面に目を付けましょう。 Within your `#gray-mask` element, add two `div` elements. 1 つ目は `class` を `eyes left` に、2 つ目は `class` を `eyes right` に設定してください。 +仮面に目を付けましょう。 `#gray-mask` の要素内に `div` 要素を 2 つ追加してください。 1 つ目は `class` を `eyes left` に、2 つ目は `class` を `eyes right` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index df555eb9acb..fd921674bdc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 `i` 要素は、慣用的 (idiomatic) なテキスト、あるいは通常のテキストコンテンツとは異なるテキストに使われます。 これは例えば科学用語などの_イタリック体_で書かれるテキストや、FontAwesome で提供されるようなアイコンなどが該当します。 -Within your `#white-paper` element, add four `i` elements. すべて、`class` の値を `fas fa-music` に設定してください。 +`#white-paper` の要素内に、`i` 要素を 4 つ追加してください。 すべて、`class` の値を `fas fa-music` に設定してください。 この特別なクラスが FontAwesome で読み込むアイコンを決定します。 `fas` はアイコンのカテゴリーを表し (この場合は FontAwesome Solid)、`fa-music` が特定のアイコンを選択します。 diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index 88818e2de5f..97c69dd8992 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. `width` を `300px` に、`height` を `500px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 +ID セレクターを使用して、`black-character` という ID を持つ要素を対象とするルールを作成してください。 `width` を `300px` に、`height` を `500px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index a7248af509f..48f0a37047f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +`#black-character` の要素を所定の位置に動かすために、`position` を `absolute` に、`top` を `30%` に、`left` を `59%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index ff195d850fc..6874c9ba82a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. `width` を `0` に、`height` を `0` に、`border-style` を `solid` に設定してください。 +ID セレクターを使用して、`black-hat` という ID を持つ要素を対象とするルールを作成してください。 `width` を `0` に、`height` を `0` に、`border-style` を `solid` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index d5392fb2126..0c011563e89 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. `border-top-color`、`border-right-color`、および `border-bottom-color` を、`transparent` に設定してください。 `border-left-color` は `rgb(45, 31, 19)` に設定してください。 +`#white-hat` と同様に、`#black-hat` の要素の境界線にスタイルを設定します。 `border-top-color`、`border-right-color`、および `border-bottom-color` を、`transparent` に設定してください。 `border-left-color` は `rgb(45, 31, 19)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index 0cfc871742b..d893a7a5383 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. `position` を `absolute` に、`top` を `-150px` に、`left` を `0` に設定してください。 +`#black-hat` の要素の位置を調整しましょう。 `position` を `absolute` に、`top` を `-150px` に、`left` を `0` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index 78c90e9c2e4..fcdb788bf14 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. `width` を `150px` に、`height` を `150px` に、`background-color` を `rgb(167, 162, 117)` に設定してください。 +ID セレクターを使用して、`gray-mask` という ID を持つ要素のスタイルを設定しましょう。 `width` を `150px` に、`height` を `150px` に、`background-color` を `rgb(167, 162, 117)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index 6d99cce85ca..2e2f79c9918 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +`#gray-mask` の要素の位置を調整するために、`position` を `absolute` に、`top` を `-10px` に、`left` を `70px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index 479546f9e6b..be036ce630b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. `width` を `400px` に、`height` を `100px` に、`background-color` を `GhostWhite` に設定してください。 +ID セレクターを使用して、`white-paper` という ID を対象とするルールを作成してください。 `width` を `400px` に、`height` を `100px` に、`background-color` を `GhostWhite` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index 867feedad57..03a7cb454ee 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +`#white-paper` を所定の位置に移動するため、`position` を `absolute` に、`top` を `250px` に、`left` を `-150px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index 03e861cd1a6..144b6b3f00c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +`#white-paper` の要素の `z-index` を `1` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index b2a9eeba57a..83325072f1f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -FontAwesome のアイコンには、アイコンを定義するための独自のスタイルが付属しています。 しかし自分でスタイルを設定して色やサイズを変更することもできます。 For now, use a class selector to target the icons with the class `fa-music`. そして `display` を `inline-block` に、`margin-top` を `8%` に、`margin-left` を `13%` に設定してください。 +FontAwesome のアイコンには、アイコンを定義するための独自のスタイルが付属しています。 しかし自分でスタイルを設定して色やサイズを変更することもできます。 ここでは、クラスセレクターを使用して `fa-music` クラスのアイコンを選択してください。 そして `display` を `inline-block` に、`margin-top` を `8%` に、`margin-left` を `13%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index 8a8970fc6ba..f653b9a436d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. これがショール (肩掛け) の部分になります。 両方に `blue` という `class` を追加してください。 そして 1 つ目は `id` を `blue-left` に、2 つ目は `id` を `blue-right` に設定してください。 +`#black-character` の要素の下に、新しい `div` 要素を 2 つ追加してください。 これがショール (肩掛け) の部分になります。 両方に `blue` という `class` を追加してください。 そして 1 つ目は `id` を `blue-left` に、2 つ目は `id` を `blue-right` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index 76018059a1c..5e155ab2601 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. その `background-color` を `#1E90FF` に設定してください。 +先ほど追加した、クラスが `blue` の要素を、クラスセレクターを使用して選択してください。 その `background-color` を `#1E90FF` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index 35ad724e398..18b740a34b3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. その `width` を `500px` に、`height` を `300px` に設定してください。 +ID セレクターを使用して、ID が `blue-left` の要素を選択しましょう。 その `width` を `500px` に、`height` を `300px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index 312c9a3d8dc..e185b748b8e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. その `width` を `400px` に、`height` を `300px` に設定してください。 +では次に、ID セレクターで ID が `blue-right` の要素を選択してください。 その `width` を `400px` に、`height` を `300px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index fbadb4a184f..28bb05f4d48 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +`#blue-right` の要素を正しい位置に移動するため、`position` を `absolute`、`top` を `50%`、`left` を `40%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index eeb10347ce7..cca03bbb93d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. その `id` の値を `orange-character` にしてください。 +一連の `.blue` 要素の下に、`div` をもう 1 つ追加してください。 その `id` の値を `orange-character` にしてください。 # --hints-- -You should have a new `div` element within your `.characters` element. +`.characters` の要素内に新しい `div` 要素が必要です。 ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index 8ed0f84f6d9..6a931a2f065 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. その `id` の値を順に `black-round-hat`、`eyes-div`、`triangles`、`guitar` と設定してください。 +`#orange-character` の要素内に、`div` 要素を 4 つ追加してください。 その `id` の値を順に `black-round-hat`、`eyes-div`、`triangles`、`guitar` と設定してください。 # --hints-- -You should have four new `div` elements within your `#orange-character` element. +`#orange-character` の要素内に新しい `div` 要素を 4 つ追加する必要があります。 ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index 91cccba5aac..52514256e21 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. ここに `div` 要素を 2 つ追加してください。 1 つ目は `class` を `eyes left`、2 つ目は `class` を `eyes right` に設定してください。 +`#eyes-div` の要素内に目を配置します。 ここに `div` 要素を 2 つ追加してください。 1 つ目は `class` を `eyes left`、2 つ目は `class` を `eyes right` に設定してください。 # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +`#eyes-div` の要素内に `div` 要素を 2 つネストしてください。 ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index cb60df4483c..3ca18e28574 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. `div` を 30 個作成し、それぞれに `triangle` というクラスを設定してください。 +`#triangles` の div 内に、三角形にするための要素を追加します。 `div` を 30 個作成し、それぞれに `triangle` というクラスを設定してください。 # --hints-- -You should have 30 `div` elements within your `#triangles` element. +`#triangles` の要素内に `div` 要素が 30 個必要です。 ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 261d9801833..7679d2627f9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. 最初の 2 つには `class` に `guitar` という値を追加してください。 そして 1 つ目は `id` を `guitar-left` に、2 つ目は `id` を `guitar-right` に設定してください。 3 つ目の `div` の `id` は `guitar-neck` という値にしてください。 +`#guitar` の要素内に、`div` 要素を 3 つ追加してください。 最初の 2 つには `class` に `guitar` という値を追加してください。 そして 1 つ目は `id` を `guitar-left` に、2 つ目は `id` を `guitar-right` に設定してください。 3 つ目の `div` の `id` は `guitar-neck` という値にしてください。 3 つ目の `div` は `guitar` クラスを持たないようにしてください。 # --hints-- -You should have three new `div` elements within your `#guitar` element. +`#guitar` の要素内に新しい `div` 要素が 3 つ必要です。 ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index ee7340df2ab..2be935bbe2e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +`.guitar` にもう 1 つ、FontAwesome のアイコンを使いましょう。 `#guitar-left` と `#guitar-right` それぞれの要素内に、`i` 要素を追加して、`class` を `fas fa-bars` に設定してください。 # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +`#guitar-left` の要素内に `i` 要素を追加する必要があります。 ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +`#guitar-right` の要素内に `i` 要素を追加する必要があります。 ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index f81f1b32724..e767fe10e63 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. その `width` を `250px` に、`height` を `550px` に、`background-color` を `rgb(240, 78, 42)` に設定してください。 +ID セレクターを使用して、ID が `orange-character` の要素を選択してください。 その `width` を `250px` に、`height` を `550px` に、`background-color` を `rgb(240, 78, 42)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index 8d7e7b227b6..01b92f608b5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +`#orange-character` の要素について、`position` を `absolute`、`top` を `25%`、`left` を `40%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 05d4b9c9a50..1545933d1c5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. `width` を `180px` に、`height` を `150px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 +ID セレクターを使用して、ID が `black-round-hat` の要素にスタイルを設定しましょう。 `width` を `180px` に、`height` を `150px` に、`background-color` を `rgb(45, 31, 19)` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index a2280f421e1..02482500844 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. `border-radius` を `50%` にして丸くしましょう。 +`#black-round-hat` という名前の要素なので、丸くした方が良さそうです。 `border-radius` を `50%` にして丸くしましょう。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index 488fbe84eab..2050a7ae6a5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +`#black-round-hat` の要素を所定の位置に移動するため、`position` を `absolute` に、`top` を `-100px` に、`left` を `5px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index cd37697dcb8..1ce35248eef 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +`#black-round-hat` の要素を正しい順に重ね合わせるために、`z-index` を `-1` に設定しましょう。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 7c2f34f9ab0..7925a427559 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. `width` を `180px` に、`height` を `50px` に設定してください。 +ID セレクターを使用して、`eyes-div` という ID を対象とするルールを作成してください。 `width` を `180px` に、`height` を `50px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index 6a3f9f119b3..d7e0b61aef3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +では `#eyes-div` の要素を所定の位置に移動するため、`position` を `absolute` に、`top` を `-40px` に、`left` を `20px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index 8bc190901b1..09f051a6e20 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +`#eyes-div` 要素の `z-index` を `3` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index 74fe1785a11..0211f9f7e73 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. このルールでギターの「半分」ずつのスタイルを設定します。 `width` を `150px` に、`height` を `120px` に、`background-color` を `Goldenrod` に、`border-radius` を `50%` に設定してください。 +次はクラスセレクターで `guitar` クラスを選択してください。 このルールでギターの「半分」ずつのスタイルを設定します。 `width` を `150px` に、`height` を `120px` に、`background-color` を `Goldenrod` に、`border-radius` を `50%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index 70958fdb34a..41af36aa911 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -次は横棒のアイコンを所定の位置に移動しましょう。 Create a class selector for the `fa-bars` class. `display` を `block` に、`margin-top` を `30%` に、`margin-left` を `40%` に設定してください。 +次は横棒のアイコンを所定の位置に移動しましょう。 `fa-bars` クラスを選択するクラスセレクターを作成してください。 `display` を `block` に、`margin-top` を `30%` に、`margin-left` を `40%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index cd1fa71d51a..d64559814fc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. `width` を `200px` に、`height` を `30px` に、`background-color` を `#D2691E` に設定してください。 +ID セレクターを使用して、`guitar-neck` という ID を対象とするルールを作成してください。 `width` を `200px` に、`height` を `30px` に、`background-color` を `#D2691E` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index 684c05bc10a..f5a6ebcc68b 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +では `#guitar-neck` の要素を移動するため、`position` を `absolute` に、`top` の値を `45px` に、`left` の値を `200px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index 753c88aeaec..52fa0a6d4b1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +`#guitar-neck` の要素の `z-index` を `3` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index fe0d31910e2..c9939d263d8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +では `eyes` クラスの要素のスタイルを設定しましょう。 クラスセレクターを使用して、`width` を `35px`、`height` を `20px`、`background-color` を `#8B4513`、`border-radius` を `20px 50%` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index b9b285959e5..d9013065a58 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -最後のステップです。 FontAwesome のアイコンが少し小さすぎますね。 Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +最後のステップです。 FontAwesome のアイコンが少し小さすぎますね。 `fas` クラスを対象とするクラスセレクターですべての FontAwesome アイコンを選択し、`font-size` を `30px` に設定してください。 これで、ピカソの絵画の完成です！ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 51271e32ffe..acfdcec6766 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +`.triangle` の要素の配置を調整するため、`display` を `inline-block` に設定しましょう。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 89b23d1f036..77d414dcac6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. `border-top-color`、`border-bottom-color`、および `border-left-color` を、`transparent` に設定してください。 `border-right-color` は `Gold` に設定してください。 +`.triangle` の要素に正しい色を設定しましょう。 `border-top-color`、`border-bottom-color`、および `border-left-color` を、`transparent` に設定してください。 `border-right-color` は `Gold` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index f074c923298..090f65987de 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. `border-style` を `solid` に、`border-width` を `42px 45px 45px 0` に設定してください。 +`.triangle` の要素に境界線のスタイルを設定しましょう。 `border-style` を `solid` に、`border-width` を `42px 45px 45px 0` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index 8f8868f16d7..43e8ee46367 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. `width` を `0` に、`height` を `0` に設定してください。 +`triangle` クラスの要素を選択するクラスセレクターを作成してください。 `width` を `0` に、`height` を `0` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index c8f7c6c6ffb..d8f1b2850eb 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. `width` を `250px` に、`height` を `550px` に設定してください。 +ID セレクターを使用して、ID が `triangles` の要素を選択しましょう。 `width` を `250px` に、`height` を `550px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index 38c5d789d47..6bbd356b8fc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. `width` を `100%` に、`height` を `100px` に設定してください。 +次に ID セレクターを使用して `guitar` の ID を選択してください。 `width` を `100%` に、`height` を `100px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index c4936dd40ae..1a824fce5ce 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +`#black-hat` の `border-width` を `150px 0 0 300px` に設定してください。 # --hints-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index d40b2bff339..a5e15b81526 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -`tr[class="total"]` と `tr.total` の主な違いとして、前者はクラスが `total` *のみ*である `tr` 要素を選択します。 The second will select `tr` elements where the class *includes* `total`. +`tr[class="total"]` と `tr.total` の主な違いとして、前者はクラスが `total` *のみ*である `tr` 要素を選択します。 対して後者は、クラスに `total` を*含む* `tr` 要素を選択します。 このプロジェクトの例では、`tr.total` も使用できます。 このセレクターを用いて `.total` の行内にあるすべての `td` 要素を選択してください。 テキストを右寄せにして、パディングを `0 0.25rem` に設定してください。 diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index 2d7964a04bc..70c9202adc0 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index 588ff3b06aa..1f56ef99cd9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ Você deve dar ao botão de envio um `type` de `submit`. assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +O botão de envio deve ter apenas o texto `Send`. ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index 222a20abe87..745f36dab08 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -No momento, os edifícios estão empilhados uns em cima dos outros. Align the buildings by turning the `.background-buildings` element into a flexbox parent. Use as propriedades `align-items` e `justify-content` para espaçar igualmente os edifícios através da parte inferior do elemento. +No momento, os edifícios estão empilhados uns em cima dos outros. Alinhe os edifícios, transformando o elemento `.background-buildings` em um flexbox anterior. Use as propriedades `align-items` e `justify-content` para espaçar igualmente os edifícios através da parte inferior do elemento. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index 89b831d07fb..94bd04e9870 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 0f12fb4b71d..e38fa6023bd 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +Use um seletor de id para dar ao elemento com o id `back-wall` uma `background-color` de `#8B4513`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index f363fb2337e..3886fdfb47e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +Dê ao elemento `#back-wall` uma `width` de `100%` e uma `height` de `60%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 1d40216c675..ea13da1f79e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 Normalmente, o HTML é renderizado de cima para baixo. Os elementos na parte superior do código são posicionados na parte superior da página. No entanto, muitas vezes você pode querer mover os elementos para posições diferentes. Você pode fazer isso com a propriedade `position`. -Set the `position` property for the `#back-wall` element to `absolute`. Uma posição `absolute` retira o elemento daquele fluxo do documento de cima para baixo e permite que você o ajuste relativo ao contêiner. +Defina a propriedade `position` do elemento `#back-wall` como `absolute`. Uma posição `absolute` retira o elemento daquele fluxo do documento de cima para baixo e permite que você o ajuste relativo ao contêiner. -Quando um elemento é posicionado manualmente, você pode mudar seu layout com `top`, `left`, `right`e `bottom`. Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +Quando um elemento é posicionado manualmente, você pode mudar seu layout com `top`, `left`, `right`e `bottom`. Defina o elemento `#back-wall` de modo que tenha um valor de `top` de `0` e um valor de `left` de `0`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index bde5a3848df..fafd9b9428a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. Aqui, você criará os personagens da pintura. +Abaixo do elemento `#back-wall`, crie uma `div` com a `class` `characters`. Aqui, você criará os personagens da pintura. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index ef169db6436..b0ddeb33962 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +Dentro do elemento `.characters`, crie outra `div` com um `id` de `offwhite-character`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index e5f93a84544..3cd6faad78f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -Esse personagem precisa de olhos. Create two `div` elements in the `#black-mask` element. Dê a eles as classes `eyes left` e `eyes right`, nessa ordem. +Esse personagem precisa de olhos. Crie dois elementos `div` dentro do elemento `#black-mask`. Dê a eles as classes `eyes left` e `eyes right`, nessa ordem. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index 377b0b14e5a..8b94aa31f98 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Crie alguns "pontos" para o instrumento. Add five `div` elements within your `#gray-instrument` element. Defina a `class` de cada um como `black-dot`. +Crie alguns "pontos" para o instrumento. Adicione cinco elementos `div` dentro do elemento `#gray-instrument`. Defina a `class` de cada um como `black-dot`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index bd34ddc5f19..b8cb41efe67 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. Dê a ele uma `width` de `300px`, uma `height` de `550px` e uma `background-color` de `GhostWhite`. +Usando um seletor de id, crie uma regra para o elemento com o id `offwhite-character`. Dê a ele uma `width` de `300px`, uma `height` de `550px` e uma `background-color` de `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index f5c5780c1a2..99b58877a08 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +Mova `#offwhite-character` para o lugar certo dando a ele uma `position` `absolute`, um valor de `top` de `20%` e um valor de `left` de `17.5%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index 692a7eb44c9..7007dd8ffaf 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. Dê a ele uma `width` e uma `height` de `0` e um `border-style` de `solid`. +Usando um seletor de ids, estilize o elemento com id `white-hat`. Dê a ele uma `width` e uma `height` de `0` e um `border-style` de `solid`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index a7bcbbbc1a9..e352528e0ec 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. Dê a ele uma `width` de `100%`, uma `height` de `50px` e uma `background-color` de `rgb(45, 31, 19)`. +Usando um seletor de id, crie uma regra para o elemento com o id `black-mask`. Dê a ele uma `width` de `100%`, uma `height` de `50px` e uma `background-color` de `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index ae6f4005dc0..b30f32b4fca 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +Usando um seletor de id, dê ao elemento com o id `gray-instrument` uma `width` de `15%`, uma `height` de `40%` e uma `background-color` de `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index dcf4bca5c6b..27ce4a9d623 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. Defina a `width` como `10px`, a `height` como `10px` e a `background-color` como `rgb(45, 31, 19)`. +Use um seletor de classe para criar uma regra para os elementos com a classe `black-dot`. Defina a `width` como `10px`, a `height` como `10px` e a `background-color` como `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 3f148f5df70..07020be5c91 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. Dê a ele uma `width` de `450px`, uma `height` de `140px` e uma `background-color` de `#D2691E`. +Use um seletor de id para estilizar o elemento com id `tan-table`. Dê a ele uma `width` de `450px`, uma `height` de `140px` e uma `background-color` de `#D2691E`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index 179e0a32820..031242debc8 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +Dentro do novo elemento `#black-character`, adicione três elementos `div` com os seguintes valores de `id`, em ordem: `black-hat`, `gray-mask` e `white-paper`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index cfc1f5eeca4..659fcccc156 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -A máscara precisa de olhos. Within your `#gray-mask` element, add two `div` elements. O primeiro deve ter a `class` definida como `eyes left` e o segundo deve ter a `class` definida como `eyes right`. +A máscara precisa de olhos. Dentro do elemento `#gray-mask`, adicione dois elementos `div`. O primeiro deve ter a `class` definida como `eyes left` e o segundo deve ter a `class` definida como `eyes right`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index f2b4d44fa87..e4263ddcc1a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ Hora de usar alguns ícones FontAwesome. O elemento `i` é usado para texto idiomático ou para texto separado do conteúdo de texto "normal". Isso pode valer para o texto em _itálico_, em termos científicos ou para ícones como os fornecidos por FontAwesome. -Within your `#white-paper` element, add four `i` elements. Dê a todos eles o valor de `class` de `fas fa-music`. +Dentro do elemento `#white-paper`, adicione quatro elementos `i`. Dê a todos eles o valor de `class` de `fas fa-music`. Essa classe especial é como FontAwesome determina qual ícone carregar. `fas` indica a categoria de ícones (FontAwesome Solid, aqui), enquanto `fa-music` seleciona o ícone específico. diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index a03a22f0f9f..83057bc9f5b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. Defina a `width` como `300px`, a `height` como `500px` e a `background-color` como `rgb(45, 31, 19)`. +Use um seletor de id para criar uma regra para o elemento com o id `black-character`. Defina a `width` como `300px`, a `height` como `500px` e a `background-color` como `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index d08fa072bbb..e45e5fe3a47 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +Mova o elemento `#black-character` para a posição correta com uma `position` `absolute`, um `top` de `30%` e um `left` de `59%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index c3bbcfed25d..d247aaf95f9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. Dê a ele uma `width` de `0`, uma `height` de `0` e um `border-style` de `solid`. +Use um seletor de id para criar uma regra para o elemento com o id `black-hat`. Dê a ele uma `width` de `0`, uma `height` de `0` e um `border-style` de `solid`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index 35d886d1a99..f38fac8373c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. Dê a ele uma `border-top-color`, uma `border-right-color` e uma `border-bottom-color` de `transparent`. Defina a `border-left-color` como `rgb(45, 31, 19)`. +Assim como em `#white-hat`, você deve estilizar a borda do elemento `#black-hat`. Dê a ele uma `border-top-color`, uma `border-right-color` e uma `border-bottom-color` de `transparent`. Defina a `border-left-color` como `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index 85deb8d475f..01c900d9c25 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. Dê a ele uma `position` `absolute`, um valor de `top` de `-150px` e um valor de `left` de `0`. +Agora, posicione o elemento `#black-hat`. Dê a ele uma `position` `absolute`, um valor de `top` de `-150px` e um valor de `left` de `0`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index f74d7cfbab7..1b651c8f7e7 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. Dê a ele uma `width` de `150px`, uma `height` de `150px` e uma `background-color` de `rgb(167, 162, 117)`. +Usando um seletor de ids, estilize o elemento com id `gray-mask`. Dê a ele uma `width` de `150px`, uma `height` de `150px` e uma `background-color` de `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index 65dba266dbf..8cfa4495a75 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +Posicione o elemento `#gray-mask` definindo `position` como `absolute`, `top` como `-10px` e `left` como `70px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index e3181554e0b..64ce3767438 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. Defina a `width` como `400px`, a `height` como `100px` e a `background-color` como `GhostWhite`. +Usando um seletor de id, crie uma regra para o elemento `white-paper`. Defina a `width` como `400px`, a `height` como `100px` e a `background-color` como `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index aa6958b8ff4..d34f02b122f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +Dê a `#white-paper` uma `position` `absolute`, um `top` de `250px` e um `left` de `-150px` para colocá-lo no lugar certo. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index be4ce534ff4..1ce0e8c96b4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +Defina o `z-index` do elemento `#white-paper` como `1`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index 31f6ca506d9..b5ff249fe15 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -Os ícones de FontAwesome vêm com seu próprio estilo para definir o ícone. No entanto, você também pode definir o estilo por conta própria para mudar coisas como a cor e o tamanho. For now, use a class selector to target the icons with the class `fa-music`. Defina `display` como `inline-block`, `margin-top` como `8%` e `margin-left` como `13%`. +Os ícones de FontAwesome vêm com seu próprio estilo para definir o ícone. No entanto, você também pode definir o estilo por conta própria para mudar coisas como a cor e o tamanho. Por enquanto, use um seletor de classe para selecionar os ícones com a classe `fa-music`. Defina `display` como `inline-block`, `margin-top` como `8%` e `margin-left` como `13%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index ba848ea40c4..ceb320a8882 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. Eles serão o xale. Dê aos dois uma `class` `blue`. Em seguida, dê ao primeiro um `id` de `blue-left` e ao segundo um `id` de `blue-right`. +Abaixo do elemento `#black-character`, adicione dois elementos `div` novos. Eles serão o xale. Dê aos dois uma `class` `blue`. Em seguida, dê ao primeiro um `id` de `blue-left` e ao segundo um `id` de `blue-right`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index f0fb608c8da..f6a7e8f6929 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. Defina a`background-color` como `#1E90FF`. +Use um seletor de classe para selecionar os novos elementos com a classe `blue`. Defina a`background-color` como `#1E90FF`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index 08e442c6e23..4f0636cd7b9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. Dê a ele uma `width` de `500px` e uma `height` de `300px`. +Selecione o elemento com o id `blue-left` usando um seletor de id. Dê a ele uma `width` de `500px` e uma `height` de `300px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index f24ad8c7df3..30e88c68035 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. Defina a `width` como `400px` e a `height` como `300px`. +Em seguida, selecione o elemento com o id `blue-right` usando um seletor de id. Defina a `width` como `400px` e a `height` como `300px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index fdf592217ee..d37b4b25a87 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +Dê ao elemento `#blue-right` o posicionamento correto com `position` definida como `absolute`, `top` definido como `50%` e `left` definido como `40%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index 7179c441d25..6579528f218 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. Dê a ele o valor de `id` de `orange-character`. +Abaixo dos elementos `.blue`, adicione outra `div`. Dê a ele o valor de `id` de `orange-character`. # --hints-- -You should have a new `div` element within your `.characters` element. +Você deve ter um novo elemento `div` dentro do elemento `.characters`. ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index ef9030151f2..f0491614424 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. Dê a eles os valores de `id` de `black-round-hat`, `eyes-div`, `triangles` e `guitar`, nessa ordem. +Dentro do elemento `#orange-character`, adicione quatro elementos `div`. Dê a eles os valores de `id` de `black-round-hat`, `eyes-div`, `triangles` e `guitar`, nessa ordem. # --hints-- -You should have four new `div` elements within your `#orange-character` element. +Você deve ter dois novos elementos `div` dentro do elemento `#orange-character`. ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index dcfc90d183c..af94f86b573 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. Adicione dois elementos `div` dentro dele. Dê ao primeiro uma `class` de `eyes left` e ao segundo uma `class` de `eyes right`. +O elemento `#eyes-div` deve ter olhos. Adicione dois elementos `div` dentro dele. Dê ao primeiro uma `class` de `eyes left` e ao segundo uma `class` de `eyes right`. # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +Você deve ter dois elementos `div` dentro do elemento `#eyes-div`. ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index c9694e1bde2..1fdff3b9814 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. Crie trinta elementos `div` e dê a cada um deles a classe `triangle`. +Dentro da div `#triangles`, você precisará adicionar os elementos que se tornarão os triângulos. Crie trinta elementos `div` e dê a cada um deles a classe `triangle`. # --hints-- -You should have 30 `div` elements within your `#triangles` element. +Você deve ter 30 elementos `div` dentro do elemento `#triangles`. ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 7ba2510a34e..a2806ad9cee 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. Dê aos dois primeiros o valor de `class` de `guitar`. Em seguida, dê ao primeiro um `id` de `guitar-left` e ao segundo um `id` de `guitar-right`. Adicione um `id` à terceira `div` com o valor `guitar-neck`. +Dentro do elemento `#guitar`, crie três elementos `div`. Dê aos dois primeiros o valor de `class` de `guitar`. Em seguida, dê ao primeiro um `id` de `guitar-left` e ao segundo um `id` de `guitar-right`. Adicione um `id` à terceira `div` com o valor `guitar-neck`. A terceira `div` não deve ter a classe `guitar`. # --hints-- -You should have three new `div` elements within your `#guitar` element. +Você deve ter três novos elementos `div` dentro do elemento `#guitar`. ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index 43df036bcaa..1f5e16c5433 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +Use outro ícone de FontAwesome para `.guitar`. Dentro dos elementos `#guitar-left` e `#guitar-right`, adicione um elemento `i` e dê a ele uma `class` de `fas fa-bars`. # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +Dentro do elemento `#guitar-left`, adicione um elemento `i`. ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +Dentro do elemento `#guitar-right`, adicione um elemento `i`. ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index 5192dade1a7..7e1d724788f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. Dê a ele uma `width` de `250px`, uma `height` de `550px` e uma `background-color` de `rgb(240, 78, 42)`. +Selecione o elemento `orange-character` com um seletor de id. Dê a ele uma `width` de `250px`, uma `height` de `550px` e uma `background-color` de `rgb(240, 78, 42)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index 74efe78e1b6..e1b9b735a8d 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +Dê ao elemento `#orange-character` uma `position` `absolute`, um `top` de `25%` e um `left` de `40%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 1d4bd9a3fa4..9a0ff2b2d52 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. Defina a `width` como `180px`, a `height` como `150px` e a `background-color` como `rgb(45, 31, 19)`. +Estilize o elemento com o id `black-round-hat` usando um seletor de id. Defina a `width` como `180px`, a `height` como `150px` e a `background-color` como `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index b21614a4e7b..9997359e24a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. Dê a ele um `border-radius` de `50%` para corrigir isso. +O elemento `#black-round-hat` provavelmente deve ser redondo. Dê a ele um `border-radius` de `50%` para corrigir isso. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index 2fd1ce01a68..1cee7c34af8 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +Mova o elemento `#black-round-hat` para o lugar com uma `position` `absolute`, um `top` de `-100px` e um `left` de `5px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index 813d2d96fc6..b1800086fdb 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +Coloque o elemento `#black-round-hat` na camada correta com um `z-index` de `-1`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 27306c1f6bb..be896e604be 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. Defina a `width` como `180px` e a `height` como `50px`. +Use um seletor de id para criar uma regra para o elemento com o id `eyes-div`. Defina a `width` como `180px` e a `height` como `50px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index 02f556c3c8b..a93996e6d5f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +Agora, mova o elemento `#eyes-div` para a posição correta com `position` definida como `absolute`, `top` definido como `-40px` e `left` definido como `20px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index 0b3b1ad7568..28074840db4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +Dê ao elemento `#eyes-div` um `z-index` de `3`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index b611af43740..91983f4764b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. Isto estilizará as duas "metades" do violão. Defina a `width` como `150px`, `height` como `120px`, `background-color` como `Goldenrod` e `border-radius` como `50%`. +Agora, use um seletor class para selecionar `guitar`. Isto estilizará as duas "metades" do violão. Defina a `width` como `150px`, `height` como `120px`, `background-color` como `Goldenrod` e `border-radius` como `50%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index 275829bdb33..0385dec237c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -Agora, você precisa mover os ícones de barra para o lugar certo. Create a class selector for the `fa-bars` class. Defina `display` como `block`, `margin-top` como `30%` e `margin-left` como `40%`. +Agora, você precisa mover os ícones de barra para o lugar certo. Crie um seletor class para a classe `fa-bars`. Defina `display` como `block`, `margin-top` como `30%` e `margin-left` como `40%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index e209fc1daef..1df7639be0c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. Defina a `width` como `200px`, a `height` como `30px` e a `background-color` como `#D2691E`. +Use um seletor de id para criar uma regra para o id `guitar-neck`. Defina a `width` como `200px`, a `height` como `30px` e a `background-color` como `#D2691E`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index 3b3b29408f0..38ca538d66e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +Agora, mova o elemento `#guitar-neck` com uma `position` `absolute`, um valor de `top` de `45px` e um valor de `left` de `200px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index dd1e282510e..715b297e50c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +Dê ao elemento `#guitar-neck` um `z-index` de `3`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 0a23388581b..e94558c244b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +É a hora de estilizar os elementos com a classe `eyes`. Use um seletor class para definir a `width` como `35px`, `height` como `20px`, `background-color` como `#8B4513` e `border-radius` como `20px 50%`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index a020dce4039..20b06223322 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -Um último passo. Os ícones de FontAwesome estão pequenos demais. Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +Um último passo. Os ícones de FontAwesome estão pequenos demais. Vincule todos eles com o seletor class para `fas` e defina o `font-size` como `30px`. Com isso, a pintura de Picasso estará completa! diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 2656db057f4..928bd5b2f80 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +Ajuste o layout dos elementos `.triangle` com um `display` de `inline-block`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 52fa3fc23c1..0abcfb605cc 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. Defina a `border-top-color`, a `border-bottom-color` e a `border-left-color` como `transparent`. Defina a `border-right-color` como `Gold`. +Dê aos elementos `.triangle` a cor correta. Defina a `border-top-color`, a `border-bottom-color` e a `border-left-color` como `transparent`. Defina a `border-right-color` como `Gold`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index 4bda8a1d7f3..89f107d8e0e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. Defina o `border-style` como `solid` e a `border-width` como `42px 45px 45px 0`. +Estilize a borda dos elementos `.triangle`. Defina o `border-style` como `solid` e a `border-width` como `42px 45px 45px 0`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index d3f03330f2d..4152fcb6599 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. Defina a `width` como `0` e a `height` como `0`. +Crie um seletor de classe para os elementos com a classe `triangle`. Defina a `width` como `0` e a `height` como `0`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index d595f528fe0..8286b560a3e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. Defina a `width` como `250px` e a `height` como `550px`. +Marque o elemento com o id `triangles` usando um seletor de id. Defina a `width` como `250px` e a `height` como `550px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index c7160acc785..995b2a2a4e5 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. Defina a `width` como `100%` e a `height` como `100px`. +Agora, use um seletor de id para `guitar`. Defina a `width` como `100%` e a `height` como `100px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index ff86f58a60d..b791fcbf562 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +Defina a `border-width` de `#black-hat` como `150px 0 0 300px`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index d665416ca55..7f9faff5183 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -A diferença principal entre `tr[class="total"]` e `tr.total` é que o primeiro selecionará os elementos `tr` onde a classe for *apenas* `total`. The second will select `tr` elements where the class *includes* `total`. +A diferença principal entre `tr[class="total"]` e `tr.total` é que o primeiro selecionará os elementos `tr` onde a classe for *apenas* `total`. O segundo selecionará os elementos `tr` em que a(s) class(es) *incluam* `total`. Nesse caso, `tr.total` servirá. Você pode usar esse seletor com foco nos elementos `td` dentro das linhas `.total`. Alinha o texto à esquerda e dê a eles um preenchimento (padding) de `0 0.25rem`. diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md index dc7a4992e95..7b395c0baa3 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md @@ -95,7 +95,7 @@ function fun1() { // Only change code above this line function fun2() { - var output = ""; + let output = ""; if (typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } @@ -116,7 +116,7 @@ function fun1() { } function fun2() { - var output = ""; + let output = ""; if(typeof myGlobal != "undefined") { output += "myGlobal: " + myGlobal; } diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md index 4ca59294d78..676db01010b 100644 --- a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md +++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md @@ -66,7 +66,7 @@ dashedName: exercise-tracker # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md index 9bdb2509d65..7ba80c61edb 100644 --- a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md +++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md @@ -28,7 +28,7 @@ dashedName: file-metadata-microservice # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md index cb8265f2910..27272e5237a 100644 --- a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md +++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md @@ -24,7 +24,7 @@ dashedName: request-header-parser-microservice # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md index 9f3f2dfef84..c770911b8e0 100644 --- a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md +++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md @@ -26,7 +26,7 @@ dashedName: timestamp-microservice # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md index c862ac32c6b..8671fc7bee4 100644 --- a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md +++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md @@ -28,7 +28,7 @@ dashedName: url-shortener-microservice # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md index 0972bb96cd8..3a8f003e00c 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md @@ -34,7 +34,7 @@ socket.on('user', data => { }); ``` -Відправте сторінку, якщо все було виконано правильно. If you're running into errors, you can check out the project completed up to this point . +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point . # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md index a666204a1bb..92c04373b1e 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md @@ -36,7 +36,7 @@ Many strategies are set up using different settings. Generally, it is easy to se In the next step, you will set up how to actually call the authentication strategy to validate a user based on form data. -Відправте вашу сторінку, якщо все зрозуміло. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md index d4e79ccfee9..38968bdbc9c 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md @@ -65,7 +65,7 @@ console.log('user ' + socket.request.user.username + ' connected'); Це дозволить увійти у підключену консоль серверу! -Відправте сторінку, якщо все було виконано правильно. If you're running into errors, you can check out the project up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md index 65dca9a6e9d..abda17d651d 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md @@ -26,7 +26,7 @@ module.exports = function (app, myDataBase) { Do the same thing in your `auth.js` file with all of the things related to authentication such as the serialization and the setting up of the local strategy and erase them from your server file. Обов'язково додайте залежності і наберіть `auth(app, myDataBase)` на сервері в цьому ж місці. -Підтвердьте вашу сторінку, якщо все зрозуміло. If you're running into errors, you can check out an example of the completed project. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out an example of the completed project. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md index d2116ce3e3f..aac7c640ea0 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md @@ -38,7 +38,7 @@ socket.on('user count', function(data) { Тепер спробуйте завантажити ваш додаток, автентифікуватись і ви повинні побачити на консолі клієнта '1', яка показує поточну кількість користувачів! Спробуйте завантажити більше клієнтів і автентифікуйтеся, щоб побачити, як число зростає. -Відправте сторінку, якщо все було виконано правильно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md index f3b8ccada02..e4aff57785e 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md @@ -33,7 +33,7 @@ app }); ``` -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md index 2e3227673d3..b29eaf3747d 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md @@ -22,7 +22,7 @@ To make sure clients continuously have the updated count of current users, you s **Примітка:** Як і `'disconnect'`, всі інші події, які сокет може передавати на сервер слід обробити в процесі підключення слухача де ми маємо 'сокет'. -Підтвердіть вашу сторінку, якщо все зрозуміло. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md index c0933ef456e..619af44358d 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md @@ -24,7 +24,7 @@ if (!bcrypt.compareSync(password, user.password)) { That is all it takes to implement one of the most important security features when you have to store passwords. -Підтвердьте вашу сторінку, якщо все зрозуміло. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md index 99f1bb997bb..6c4891e566a 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md @@ -26,7 +26,7 @@ Also, in `profile.pug`, add a link referring to the `/logout` route, which will a(href='/logout') Logout ``` -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md index 176cbbef3ac..4b520a09209 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md @@ -20,7 +20,7 @@ If the authentication was successful, the user object will be saved in `req.user At this point, if you enter a username and password in the form, it should redirect to the home page `/`, and the console of your server should display `'User {USERNAME} attempted to log in.'`, since we currently cannot login a user who isn't registered. -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md index 9459025a447..e1c36263fc3 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md @@ -40,7 +40,7 @@ myDB(async client => { Не забудьте розкоментувати код `myDataBase` в `deserializeUser` та відредагувати свій `done(null, null)` для того, щоб включити `doc`. -Відправте сторінку, якщо все було виконано правильно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md index bb71c0b38f6..99805ab5b91 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md @@ -31,7 +31,7 @@ passport.use(new GitHubStrategy({ Your authentication won't be successful yet, and it will actually throw an error without the database logic and callback, but it should log your GitHub profile to your console if you try it! -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md index 2a8751a6ec3..85104dcd0da 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md @@ -43,7 +43,7 @@ myDataBase.findOneAndUpdate( You should be able to login to your app now. Try it! -Підтвердьте сторінку, якщо все виконано вірно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md index 0a6f6eaa3bf..cf63d540557 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md @@ -31,7 +31,7 @@ app.route('/login') }); ``` -Submit your page when you think you've got it right. If you're running into errors, you can check out the project up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md index 322bc91d2a1..1939bfa9855 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md @@ -30,7 +30,7 @@ app.use((req, res, next) => { }); ``` -Підтвердьте сторінку, якщо все виконано вірно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md index 313fb6f09cb..c27fa4f94cd 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md @@ -56,7 +56,7 @@ app.route('/register') ); ``` -Підтвердьте сторінку, якщо все виконано вірно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. **ПРИМІТКА:** З цього моменту можуть виникнути проблеми з використанням браузеру *picture-in-picture*. Якщо ви використовуєте онлайн IDE, який має попередній перегляд програми в редакторі, рекомендується відкрити цей попередній перегляд у новій вкладці. diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md index ecdda9763b1..1a4583b8dde 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md @@ -28,7 +28,7 @@ In `client.js`, you should now listen for event `'chat message'` and, when recei На даний момент чат повинен бути повністю функціональним і спроможним відправляти повідомлення всім клієнтам! -Підтвердіть вашу сторінку, якщо все зрозуміло. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md index c36f49eb6ba..2db27e8e958 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md @@ -46,7 +46,7 @@ const { ObjectID } = require('mongodb'); The `deserializeUser` will throw an error until you set up the database connection. So, for now, comment out the `myDatabase.findOne` call, and just call `done(null, null)` in the `deserializeUser` callback function. -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md index e3ef62b3f20..e59605faaf7 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md @@ -38,7 +38,7 @@ Finally, use `res.render()` in the route for your home page, passing `index` as If all went as planned, your app home page will no longer be blank. Instead, it will display a message indicating you've successfully rendered the Pug template! -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md index 0a2c1ae4b54..f7f62b4d533 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md @@ -29,7 +29,7 @@ Be sure to add `SESSION_SECRET` to your `.env` file, and give it a random value. After you do all that, tell your express app to **use** `passport.initialize()` and `passport.session()`. -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md index 01aad0de35e..335e5943af9 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md @@ -42,7 +42,7 @@ Now try loading up your app and authenticate and you should see in your server c **Примітка:**`io()` працює лише тоді коли підключений до сокета, який знаходиться на тому ж url/сервері. Щоб підключитись до зовнішнього сокета, який знаходиться в іншому місці, скористайтесь `io.connect('URL');`. -Підтвердіть свою сторінку, коли зрозумієте, що все працює коректно. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md index d576d25dbdf..565cbcd85b9 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md @@ -52,7 +52,7 @@ res.render('index', { title: 'Hello', message: 'Please log in' }); Now refresh your page, and you should see those values rendered in your view in the correct spot as laid out in your `index.pug` file! -Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point. +Відправте свою сторінку коли впевнились, що все правильно. If you're running into errors, you can check out the project completed up to this point. # --hints-- diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md index 35cc1a5615a..0465f68d214 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md @@ -31,7 +31,7 @@ dashedName: american-british-translator - To run the tests on Replit, set `NODE_ENV` to `test` without quotes in the `.env` file - To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" -Write the following tests in `tests/1_unit-tests.js`: +Напишіть наступні тести в `tests/1_unit-tests.js`: - Translate `Mangoes are my favorite fruit.` to British English - Translate `I ate yogurt for breakfast.` to British English @@ -58,7 +58,7 @@ Write the following tests in `tests/1_unit-tests.js`: - Highlight translation in `We watched the footie match for a while.` - Highlight translation in `Paracetamol takes up to an hour to work.` -Write the following tests in `tests/2_functional-tests.js`: +Напишіть наступні тести в `tests/2_functional-tests.js`: - Translation with text and locale fields: POST request to `/api/translate` - Translation with text and invalid locale field: POST request to `/api/translate` @@ -69,7 +69,7 @@ Write the following tests in `tests/2_functional-tests.js`: # --hints-- -I can provide my own project, not the example URL. +Я можу надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -307,7 +307,7 @@ async (getUserInput) => { }; ``` -All 6 functional tests are complete and passing. See `/tests/2_functional-tests.js` for the functionality you should write tests for. +Усі 6 функціональних тестів завершено та успішно пройдено. See `/tests/2_functional-tests.js` for the functionality you should write tests for. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md index b3f7df7299b..4f7f6bbd9b2 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md @@ -30,7 +30,7 @@ dashedName: issue-tracker - To run the tests uncomment `NODE_ENV=test` in your `.env` file - To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" -Write the following tests in `tests/2_functional-tests.js`: +Напишіть наступні тести в `tests/2_functional-tests.js`: - Create an issue with every field: POST request to `/api/issues/{project}` - Create an issue with only required fields: POST request to `/api/issues/{project}` @@ -49,7 +49,7 @@ Write the following tests in `tests/2_functional-tests.js`: # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -342,7 +342,7 @@ async (getUserInput) => { }; ``` -All 14 functional tests are complete and passing. +Усі 14 функціональних тестів завершено та успішно пройдено. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md index fa277b24041..04269c31195 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md @@ -30,7 +30,7 @@ dashedName: metric-imperial-converter - To run the tests uncomment `NODE_ENV=test` in your `.env` file - To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" -Write the following tests in `tests/1_unit-tests.js`: +Напишіть наступні тести в `tests/1_unit-tests.js`: - `convertHandler` should correctly read a whole number input. - `convertHandler` should correctly read a decimal number input. @@ -49,7 +49,7 @@ Write the following tests in `tests/1_unit-tests.js`: - `convertHandler` should correctly convert `lbs` to `kg`. - `convertHandler` should correctly convert `kg` to `lbs`. -Write the following tests in `tests/2_functional-tests.js`: +Напишіть наступні тести в `tests/2_functional-tests.js`: - Convert a valid input such as `10L`: `GET` request to `/api/convert`. - Convert an invalid input such as `32g`: `GET` request to `/api/convert`. @@ -59,7 +59,7 @@ Write the following tests in `tests/2_functional-tests.js`: # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js getUserInput => { @@ -288,7 +288,7 @@ async getUserInput => { }; ``` -All 5 functional tests are complete and passing. +Усі 5 функціональних тестів завершено та успішно пройдено. ```js async getUserInput => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md index 279009f60c3..a54ab4bbb34 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md @@ -31,7 +31,7 @@ dashedName: personal-library # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -193,7 +193,7 @@ async (getUserInput) => { }; ``` -All 10 functional tests required are complete and passing. +Усі 10 функціональних тестів завершено та успішно пройдено. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md index 236681ccf70..b1871427c0f 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md @@ -33,7 +33,7 @@ dashedName: sudoku-solver - To run the challenge tests on this page, set `NODE_ENV` to `test` without quotes in the `.env` file - To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" -Write the following tests in `tests/1_unit-tests.js`: +Напишіть наступні тести в `tests/1_unit-tests.js`: - Logic handles a valid puzzle string of 81 characters - Logic handles a puzzle string with invalid characters (not 1-9 or `.`) @@ -48,7 +48,7 @@ Write the following tests in `tests/1_unit-tests.js`: - Invalid puzzle strings fail the solver - Solver returns the expected solution for an incomplete puzzle -Write the following tests in `tests/2_functional-tests.js` +Напишіть наступні тести в `tests/2_functional-tests.js` - Solve a puzzle with valid puzzle string: POST request to `/api/solve` - Solve a puzzle with missing puzzle string: POST request to `/api/solve` @@ -67,7 +67,7 @@ Write the following tests in `tests/2_functional-tests.js` # --hints-- -Ви повинні надати власний проєкт, а не приклад URL-адреси. +Ви повинні надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -377,7 +377,7 @@ async (getUserInput) => { }; ``` -All 14 functional tests are complete and passing. See `/tests/2_functional-tests.js` for the expected functionality you should write tests for. +Усі 14 функціональних тестів завершено та успішно пройдено. See `/tests/2_functional-tests.js` for the expected functionality you should write tests for. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/anonymous-message-board.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/anonymous-message-board.md index c5e1c182da2..777354f1661 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/anonymous-message-board.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/anonymous-message-board.md @@ -26,26 +26,26 @@ dashedName: anonymous-message-board # --instructions-- -1. Встановити `NODE_ENV` на перевірку без лапок, коли вона буде готова до написання тестів і БД до рядка підключення бази даних (в `.env`) -2. Рекомендується створювати контролери/обробники і проводити сам процес в `routes/api.js` -3. Ви додасте будь-які функції безпеки на `server.js` +1. Встановіть `NODE_ENV` на тест без лапок по готовності написання тестів та бази даних для рядка з'єднання (у `.env`) +2. Рекомендовано створити контролери/обробники і обробляти маршрут у `routes/api.js` +3. Ви додаватимете будь-які функції безпеки до `server.js` -Write the following tests in `tests/2_functional-tests.js`: +Напишіть наступні тести в `tests/2_functional-tests.js`: -- Creating a new thread: POST request to `/api/threads/{board}` -- Viewing the 10 most recent threads with 3 replies each: GET request to `/api/threads/{board}` -- Deleting a thread with the incorrect password: DELETE request to `/api/threads/{board}` with an invalid `delete_password` -- Deleting a thread with the correct password: DELETE request to `/api/threads/{board}` with a valid `delete_password` -- Reporting a thread: PUT request to `/api/threads/{board}` -- Creating a new reply: POST request to `/api/replies/{board}` -- Viewing a single thread with all replies: GET request to `/api/replies/{board}` -- Deleting a reply with the incorrect password: DELETE request to `/api/replies/{board}` with an invalid `delete_password` -- Deleting a reply with the correct password: DELETE request to `/api/replies/{board}` with a valid `delete_password` -- Reporting a reply: PUT request to `/api/replies/{board}` +- Створення нового треду: запит POST до `/api/threads/{board}` +- Перегляд 10 останніх тредів, кожен із 3 відповідями: запит GET до `/api/threads/{board}` +- Видалення треду з неправильним паролем: запит DELETE до `/api/threads/{board}` із недійсним `delete_password` +- Видалення треду з правильним паролем: запит DELETE до `/api/threads/{board}` із дійсним `delete_password` +- Звітування треду: запит PUT до `/api/threads/{board}` +- Створення нової відповіді: запит POST до `/api/replies/{board}` +- Перегляд одного треду з усіма відповідями: запит GET до `/api/replies/{board}` +- Видалення відповіді з неправильним паролем: запит DELETE до `/api/replies/{board}` із недійсним `delete_password` +- Видалення відповіді з правильним паролем: запит DELETE до `/api/replies/{board}` із дійсним `delete_password` +- Звітування відповіді: запит PUT до `/api/replies/{board}` # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -57,7 +57,7 @@ You can provide your own project, not the example URL. }; ``` -Only allow your site to be loaded in an iFrame on your own pages. +Дозвольте своєму сайту завантажуватись в iFrame на власних сторінках. ```js async (getUserInput) => { @@ -67,7 +67,7 @@ async (getUserInput) => { }; ``` -Do not allow DNS prefetching. +Не дозволяйте передвибірку DNS. ```js async (getUserInput) => { @@ -77,7 +77,7 @@ async (getUserInput) => { }; ``` -Only allow your site to send the referrer for your own pages. +Дозвольте своєму сайту надсилати реферер для власних сторінок. ```js async (getUserInput) => { @@ -87,7 +87,7 @@ async (getUserInput) => { }; ``` -You can send a POST request to `/api/threads/{board}` with form data including `text` and `delete_password`. The saved database record will have at least the fields `_id`, `text`, `created_on`(date & time), `bumped_on`(date & time, starts same as `created_on`), `reported` (boolean), `delete_password`, & `replies` (array). +Ви можете надіслати запит POST до `/api/threads/{board}` з даними форми, включно з `text` та `delete_password`. Збережена база даних принаймні матиме поля `_id`, `text`, `created_on` (дата і час), `bumped_on` (дата і час, починається як `created_on`), `reported` (булеве), `delete_password` та `replies` (масив). ```js async (getUserInput) => { @@ -119,7 +119,7 @@ async (getUserInput) => { }; ``` -You can send a POST request to `/api/replies/{board}` with form data including `text`, `delete_password`, & `thread_id`. This will update the `bumped_on` date to the comment's date. In the thread's `replies` array, an object will be saved with at least the properties `_id`, `text`, `created_on`, `delete_password`, & `reported`. +Ви можете надіслати запит POST до `/api/replies/{board}` з даними форми, включно з `text`, `delete_password` та `thread_id`. Це оновить дату `bumped_on` до дати коментаря. У треді масиву `replies` об'єкт буде збережений принаймні з властивостями `_id`, `text`, `created_on`, `delete_password` та `reported`. ```js async (getUserInput) => { @@ -156,7 +156,7 @@ async (getUserInput) => { }; ``` -You can send a GET request to `/api/threads/{board}`. Returned will be an array of the most recent 10 bumped threads on the board with only the most recent 3 replies for each. The `reported` and `delete_password` fields will not be sent to the client. +Ви можете надіслати запит GET до `/api/threads/{board}`. Поверненим буде масив з 10 останніми редагованими тредами на дошці із 3 останніми відповідями для кожного. Поля `reported` та `delete_password` не будуть надіслані клієнту. ```js async (getUserInput) => { @@ -187,7 +187,7 @@ async (getUserInput) => { }; ``` -You can send a GET request to `/api/replies/{board}?thread_id={thread_id}`. Returned will be the entire thread with all its replies, also excluding the same fields from the client as the previous test. +Ви можете надіслати запит GET до `/api/replies/{board}?thread_id={thread_id}`. Поверненим буде тред з усіма відповідями, також вилучивши поля з клієнта, як у попередньому тесті. ```js async (getUserInput) => { @@ -219,7 +219,7 @@ async (getUserInput) => { }; ``` -You can send a DELETE request to `/api/threads/{board}` and pass along the `thread_id` & `delete_password` to delete the thread. Повернено буде рядок `incorrect password` або `success`. +Ви можете надіслати запит DELETE до `/api/threads/{board}` і передати `thread_id` та `delete_password`, щоб видалити тред. Поверненим буде рядок `incorrect password` або `success`. ```js async (getUserInput) => { @@ -256,7 +256,7 @@ async (getUserInput) => { }; ``` -You can send a DELETE request to `/api/replies/{board}` and pass along the `thread_id`, `reply_id`, & `delete_password`. Returned will be the string `incorrect password` or `success`. On success, the text of the `reply_id` will be changed to `[deleted]`. +Ви можете надіслати запит DELETE до `/api/replies/{board}` і передати `thread_id`, `reply_id` та `delete_password`. Поверненим буде рядок `incorrect password` або `success`. У разі успіху текст `reply_id` буде змінений на `[deleted]`. ```js async (getUserInput) => { @@ -311,7 +311,7 @@ async (getUserInput) => { }; ``` -You can send a PUT request to `/api/threads/{board}` and pass along the `thread_id`. Буде повернено рядок `reported`. The `reported` value of the `thread_id` will be changed to `true`. +Ви можете надіслати запит PUT до `/api/threads/{board}` та передати `thread_id`. Поверненим буде рядок `reported`. Значення `reported` об'єкта `thread_id` буде змінено на `true`. ```js async (getUserInput) => { @@ -342,7 +342,7 @@ async (getUserInput) => { }; ``` -You can send a PUT request to `/api/replies/{board}` and pass along the `thread_id` & `reply_id`. Returned will be the string `reported`. The `reported` value of the `reply_id` will be changed to `true`. +Ви можете надіслати запит PUT до `/api/replies/{board}` і передати `thread_id` та `reply_id`. Поверненим буде рядок `reported`. Значення `reported` об'єкта `reply_id` буде змінено на `true`. ```js async (getUserInput) => { @@ -374,7 +374,7 @@ async (getUserInput) => { }; ``` -All 10 functional tests are complete and passing. +Усі 10 функціональних тестів завершено та успішно пройдено. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md index 8a50baa6bb2..ecb2990cfff 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/port-scanner.md @@ -28,20 +28,20 @@ dashedName: port-scanner Створіть сканер портів за допомогою Python. -У файлі `port_scanner.py` створіть функцію під назвою `get_open_ports`, яка приймає аргументи `target` та `port_range`. `target` може бути URL-адресою або IP-адресою. `port_range` is a list of two numbers indicating the first and last numbers of the range of ports to check. +У файлі `port_scanner.py` створіть функцію під назвою `get_open_ports`, яка приймає аргументи `target` та `port_range`. `target` може бути URL-адресою або IP-адресою. `port_range` є списком із двох чисел, які позначають перше та останнє число діапазону портів для перевірки. -Here are examples of how the function may be called: +Ось приклади того, як можна викликати функцію: ```py get_open_ports("209.216.230.240", [440, 445]) get_open_ports("www.stackoverflow.com", [79, 82]) ``` -The function should return a list of open ports in the given range. +Функція повинна повернути список відкритих портів у вказаному діапазоні. -The `get_open_ports` function should also take an optional third argument of `True` to indicate "Verbose" mode. If this is set to true, the function should return a descriptive string instead of a list of ports. +Функція `get_open_ports` також повинна приймати необов’язковий третій аргумент `True`, щоб вказати режим «Детальний». Якщо це встановлено на True, функція повинна повертати описовий рядок замість списку портів. -Here is the format of the string that should be returned in verbose mode (text inside `{}` indicates the information that should appear): +Ось формат рядка, який повинен бути повернутий у детальному режимі (текст всередині `{}` вказує на інформацію, яка має з’явитися): ```bash Open ports for {URL} ({IP address}) @@ -50,15 +50,15 @@ PORT SERVICE {port} {service name} ``` -You can use the dictionary in `common_ports.py` to get the correct service name for each port. +Ви можете використати словник у `common_ports.py`, щоб отримати правильну назву сервісу для кожного порту. -For example, if the function is called like this: +Наприклад, якщо функція викликається так: ```py port_scanner.get_open_ports("scanme.nmap.org", [20, 80], True) ``` -It should return the following: +Вона повинна повернути наступне: ```bash Open ports for scanme.nmap.org (45.33.32.156) @@ -67,11 +67,11 @@ PORT SERVICE 80 http ``` -Make sure to include proper spacing and new line characters. +Обов’язково додайте правильні пробіли та символи нового рядка. -If the URL passed into the `get_open_ports` function is invalid, the function should return the string: "Error: Invalid hostname". +Якщо адреса ресурсу (URL), передана у функцію `get_open_ports`, недійсна, то функція повинна повернути рядок «Error: Invalid hostname». -If the IP address passed into the `get_open_ports` function is invalid, the function should return the string: "Error: Invalid IP address". +Якщо IP-адреса, передана у функцію `get_open_ports`, недійсна, то функція повинна повернути рядок «Error: Invalid IP address». ## Розробка diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md index 01b654394a4..0ce4a060de4 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md @@ -8,7 +8,7 @@ dashedName: secure-real-time-multiplayer-game # --description-- -Develop a 2D real time multiplayer game using the HTML Canvas API and Socket.io that is functionally similar to this: https://secure-real-time-multiplayer-game.freecodecamp.rocks/. Робота над цим проєктом передбачає написання коду за допомогою одного з наступних методів: +Розробіть багатокористувацьку 2D-гру в реальному часі, використовуючи HTML Canvas API та Socket.io, яка функціонально схожа до цього: https://secure-real-time-multiplayer-game.freecodecamp.rocks/. Робота над цим проєктом передбачає написання коду за допомогою одного з наступних методів: - Клонуйте цей репозиторій GitHub та виконайте свій проєкт локально. - Використайте наш стартовий проєкт Replit для виконання свого проєкту. @@ -24,22 +24,22 @@ Develop a 2D real time multiplayer game using the HTML Canvas API and Socket.io # --instructions-- -Create a secure multiplayer game in which each player can move their avatar, there is at least one collectible item, and the rank of the players is calculated based on their score. +Створіть безпечну багатокористувацьку гру, у якій кожен гравець може переміщувати свій аватар, є принаймні один колекційний предмет, а рейтинг гравців обчислюється на основі результатів. -For details consult the tests below. +Для отримання детальної інформації зверніться до тестів нижче. -Make sure that your game is secure! Include these security measures: +Переконайтеся, що ваша гра безпечна! Додайте такі заходи безпеки: -- The client should not be able to guess/sniff the MIME type -- Prevent XSS attacks -- Do not cache anything from the website in the client -- The headers say that the site is powered by `PHP 7.4.3` +- Клієнт не може вгадати/розпізнати тип MIME +- Запобігайте атакам XSS +- Не кешуйте нічого з вебсайту в клієнті +- У заголовках зазначено, що сайт працює на основі `PHP 7.4.3` -**Note**: `helmet@^3.21.3` is needed for the user stories. This means you will need to use the previous version of Helmet's docs, for information on how to achieve the user stories. +**Примітка**: `helmet@^3.21.3` потрібний для історії користувача. Це означає, що вам потрібно буде використати попередню версію документації Helmet, щоб отримати інформацію про те, як виконати історію користувача. # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -51,91 +51,91 @@ You can provide your own project, not the example URL. }; ``` -Multiple players can connect to a server and play. +Декілька гравців можуть приєднатися до сервера і грати. ```js ``` -Each player has an avatar. +У кожного гравця є аватар. ```js ``` -Each player is represented by an object created by the `Player` class in `Player.mjs`. +Кожен гравець представлений об'єктом, створеним класом `Player` у `Player.mjs`. ```js ``` -At a minimum, each player object should contain a unique `id`, a `score`, and `x` and `y` coordinates representing the player's current position. +Як мінімум, кожен об'єкт-гравець повинен містити унікальний `id`, `score` і координати `x` та `y`, які показують поточну позицію гравця. ```js ``` -The game has at least one type of collectible item. Complete the `Collectible` class in `Collectible.mjs` to implement this. +Гра має принаймні один тип колекційного предмета. Заповніть клас `Collectible` у `Collectible.mjs`, щоб впровадити це. ```js ``` -At a minimum, each collectible item object created by the `Collectible` class should contain a unique `id`, a `value`, and `x` and `y` coordinates representing the item's current position. +Як мінімум, кожен об'єкт-предмет, створений класом `Collectible`, повинен містити унікальний `id`, `value` і координати `x` та `y`, які показують поточну позицію предмета. ```js ``` -Players can use the WASD and/or arrow keys to move their avatar. Complete the `movePlayer` method in `Player.mjs` to implement this. +Гравці можуть використовувати клавіші WASD та/або стрілки, щоб перемістити свій аватар. Заповніть метод `movePlayer` у `Player.mjs`, щоб впровадити це. ```js ``` -The `movePlayer` method should accept two arguments: a string of "up", "down", "left", or "right", and a number for the amount of pixels the player's position should change. `movePlayer` should adjust the `x` and `y` coordinates of the player object it's called from. +Метод `movePlayer` повинен приймати два аргументи: рядок «up», «down», «left» або «right», а також кількість пікселів, на яку має змінюватися позиція гравця. `movePlayer` повинен адаптовуватися до координат (`x` та `y`) об'єкта-гравця, який його викликав. ```js ``` -The player's score should be used to calculate their rank among the other players. Complete the `calculateRank` method in the `Player` class to implement this. +Рахунок гравця повинен бути використаний, щоб розрахувати рейтинг серед інших гравців. Заповніть метод `calculateRank` у `Player`, щоб впровадити це. ```js ``` -The `calculateRank` method should accept an array of objects representing all connected players and return the string `Rank: currentRanking/totalPlayers`. For example, in a game with two players, if Player A has a score of 3 and Player B has a score of 5, `calculateRank` for Player A should return `Rank: 2/2`. +Метод `calculateRank` повинен приймати масив об'єктів, представляючи усіх підключених гравців і повернути рядок `Rank: currentRanking/totalPlayers`. Наприклад, в грі з двома гравцями, якщо гравець А має рахунок 3 і гравець В має рахунок 5, `calculateRank` для гравця A повинен повернути `Rank: 2/2`. ```js ``` -Players can collide with a collectible item. Complete the `collision` method in `Player.mjs` to implement this. +Гравці можуть зіткнутися з колекційним предметом. Заповніть метод `collision` у `Player.mjs`, щоб впровадити це. ```js ``` -The `collision` method should accept a collectible item's object as an argument. If the player's avatar intersects with the item, the `collision` method should return `true`. +Метод `collision` повинен приймати колекційний предмет як аргумент. Якщо аватар гравця перетинається з предметом, метод `collision` повинен повернути `true`. ```js ``` -All players are kept in sync. +Всі гравці залишаються синхронізованими. ```js ``` -Players can disconnect from the game at any time. +Гравці можуть відключитись від гри в будь-який час. ```js ``` -Prevent the client from trying to guess / sniff the MIME type. +Забороніть клієнту вгадувати/розпізнавати тип MIME. ```js async (getUserInput) => { @@ -145,7 +145,7 @@ async (getUserInput) => { }; ``` -Prevent cross-site scripting (XSS) attacks. +Забороніть міжсайтові атаки XSS. ```js async (getUserInput) => { @@ -155,7 +155,7 @@ async (getUserInput) => { }; ``` -Nothing from the website is cached in the client. +Ніякі дані вебсайту не розміщені у кеші клієнта. ```js async (getUserInput) => { @@ -171,7 +171,7 @@ async (getUserInput) => { }; ``` -The headers say that the site is powered by "PHP 7.4.3" even though it isn't (as a security measure). +Заголовки зазначають, що сайт працює на «PHP 7.4.3», хоча це не так (написано з міркувань безпеки). ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md index f2197d3e004..91d720ba44c 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/sha-1-password-cracker.md @@ -1,6 +1,6 @@ --- id: 5e46f983ac417301a38fb933 -title: Злом паролів SHA-1 +title: Програма для злому паролів SHA-1 challengeType: 10 forumTopicId: 462374 helpCategory: Python @@ -18,37 +18,37 @@ dashedName: sha-1-password-cracker Ми досі розробляємо інтерактивну частину навчальної програми з Python. Наразі є декілька відео на ютуб-каналі freeCodeCamp.org, які навчать всього необхідного для виконання цього проєкту: -- Python for Everybody Video Course (14 hours) +- Python for Everybody Video Course (14 годин) -- Learn Python Basics in Depth (4 hours) +- Learn Python Basics in Depth (4 години) -- Intermediate Python Course (6 hours) +- Intermediate Python Course (6 годин) # --instructions-- -Паролі ніколи не повинні зберігатися у вигляді звичайного тексту. Їх потрібно зберігати як хеші на випадок виявлення списку паролів. Однак не всі хеші створені однаковими. +Паролі ніколи не повинні зберігатися як звичайний текст. Їх потрібно зберігати як хеші на випадок виявлення списку паролів. Однак не всі хеші створені однаковими. -По цьому проєкті ви дізнаєтеся про важливість безпеки, створивши програму для злому паролів, щоб виявити паролі, які були хешовані за допомогою SHA-1. +У цьому проєкті ви дізнаєтеся про важливість безпеки, створивши програму для злому паролів, щоб виявити паролі, які були хешовані за допомогою SHA-1. -Create a function that takes in a SHA-1 hash of a password and returns the password if it is one of the top 10,000 passwords used. If the SHA-1 hash is NOT of a password in the database, return "PASSWORD NOT IN DATABASE". +Створіть функцію, яка приймає хеш SHA-1 і повертає пароль, якщо він є одним із 10 000 найуживаніших паролів. Якщо хеш SHA-1 НЕ є паролем у базі даних, поверніть «PASSWORD NOT IN DATABASE». -The function should hash each password from `top-10000-passwords.txt` and compare it to the hash passed into the function. +Функція повинна хешувати кожен пароль із `top-10000-passwords.txt` та порівнювати його з хешем, переданим у функцію. -The function should take an optional second argument named `use_salts`. If set to true, each salt string from the file `known-salts.txt` should be appended AND prepended to each password from `top-10000-passwords.txt` before hashing and before comparing it to the hash passed into the function. +Функція повинна приймати додатковий другий аргумент під назвою `use_salts`. Якщо значення встановлено на true, кожна сіль з файлу `known-salts.txt` повинна бути додана до ТА після кожного пароля з `top-10000-passwords.txt` перед хешуванням та перед порівнянням з хешем, переданим у функцію. -Here are some hashed passwords to test the function with: +Ось кілька хешованих паролів для перевірки функції: -- `b305921a3723cd5d70a375cd21a61e60aabb84ec` should return "sammy123" -- `c7ab388a5ebefbf4d550652f1eb4d833e5316e3e` should return "abacab" -- `5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8` should return "password" +- `b305921a3723cd5d70a375cd21a61e60aabb84ec` повинен повернути «sammy123» +- `c7ab388a5ebefbf4d550652f1eb4d833e5316e3e` повинен повернути «abacab» +- `5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8` повинен повернути «password» -Here are some hashed passwords to test the function with when `use_salts` is set to `True`: +Ось кілька хешованих паролів для тестування функції, якщо `use_salts` встановлено на `True`: -- `53d8b3dc9d39f0184144674e310185e41a87ffd5` should return "superman" -- `da5a4e8cf89539e66097acd2f8af128acae2f8ae` should return "q1w2e3r4t5" -- `ea3f62d498e3b98557f9f9cd0d905028b3b019e1` should return "bubbles1" +- `53d8b3dc9d39f0184144674e310185e41a87ffd5` повинен повернути «superman» +- `da5a4e8cf89539e66097acd2f8af128acae2f8ae` повинен повернути «q1w2e3r4t5» +- `ea3f62d498e3b98557f9f9cd0d905028b3b019e1` повинен повернути «bubbles1» -The `hashlib` library has been imported for you. You should consider using it in your code. Learn more about "hashlib" here. +Для вас було імпортовано бібліотеку `hashlib`. Подумайте над її використанням у своєму коді. Дізнайтеся більше про «hashlib» тут. ## Розробка diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/stock-price-checker.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/stock-price-checker.md index b4621809b7b..5f63d378b12 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/stock-price-checker.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/stock-price-checker.md @@ -10,7 +10,7 @@ dashedName: stock-price-checker Створіть повний пакет додатку JavaScript, який функціонально схожий до https://stock-price-checker.freecodecamp.rocks/. -Оскільки всі надійні API цін на акції вимагають API-ключа, ми створили обхідний шлях. Use https://stock-price-checker-proxy.freecodecamp.rocks/ to get up-to-date stock price information without needing to sign up for your own key. +Оскільки всі надійні API цін на акції вимагають API-ключа, ми створили обхідний шлях. Використайте https://stock-price-checker-proxy.freecodecamp.rocks/, щоб отримати актуальну інформацію про ціни на акції без необхідності підписуватись на власний ключ. Робота над цим проєктом передбачає написання коду за допомогою одного з наступних методів: @@ -28,24 +28,24 @@ dashedName: stock-price-checker # --instructions-- -1. Встановіть `NODE_ENV` до `test` без лапок та встановіть `DB` на ваш MongoDB -2. Завершіть проект в `routes/api.js` або через створення обробника/контролера -3. Додайте будь-які заходи безпеки до `server.js` -4. Створіть усі функціональні тести в `tests/2_functional-tests.js` +1. Встановіть `NODE_ENV` на `test` без лапок та встановіть `DB` на свій рядок з'єднання MongoDB +2. Завершіть проєкт в `routes/api.js` або створивши обробник/контролер +3. Ви додаватимете будь-які функції безпеки до `server.js` +4. Ви створюватимете усі функціональні тести в `tests/2_functional-tests.js` -**Note** Privacy Considerations: Due to the requirement that only 1 like per IP should be accepted, you will have to save IP addresses. It is important to remain compliant with data privacy laws such as the General Data Protection Regulation. One option is to get permission to save the user's data, but it is much simpler to anonymize it. For this challenge, remember to anonymize IP addresses before saving them to the database. If you need ideas on how to do this, you may choose to hash the data, truncate it, or set part of the IP address to 0. +**Примітка** конфіденційності: згідно з вимогою, що на IP приймається лише одне вподобання, вам доведеться зберігати IP адреси. Важливо дотримуватися законів про конфіденційність даних, як-от загального регламенту про захист даних. Один із варіантів – отримати дозвіл на збереження даних користувача, однак все ж простіше зробити їх анонімними. Не забудьте зробити ваші IP адреси анонімними, перш ніж зберігати їх до бази даних у цьому завданні. Для цього ви можете хешувати дані, скоротити їх чи просто змінити частину IP адреси на 0. -Write the following tests in `tests/2_functional-tests.js`: +Напишіть наступні тести в `tests/2_functional-tests.js`: -- Viewing one stock: GET request to `/api/stock-prices/` -- Viewing one stock and liking it: GET request to `/api/stock-prices/` -- Viewing the same stock and liking it again: GET request to `/api/stock-prices/` -- Viewing two stocks: GET request to `/api/stock-prices/` -- Viewing two stocks and liking them: GET request to `/api/stock-prices/` +- Перегляд однієї акції: запит GET до `/api/stock-prices/` +- Перегляд однієї акції та вподобання: запит GET до `/api/stock-prices/` +- Перегляд тієї самої акції та знову вподобання: запит GET до `/api/stock-prices/` +- Перегляд двох акцій: запит GET до `/api/stock-prices/` +- Перегляд двох акцій та вподобання: запит GET до `/api/stock-prices/` # --hints-- -You can provide your own project, not the example URL. +Ви можете надати власний проєкт, а не URL-адресу прикладу. ```js (getUserInput) => { @@ -55,7 +55,7 @@ You can provide your own project, not the example URL. }; ``` -You should set the content security policies to only allow loading of scripts and CSS from your server. +Ви повинні налаштувати політику безпеки вмісту так, щоб дозволити завантаження скриптів та CSS лише зі свого сервера. ```js async (getUserInput) => { @@ -70,7 +70,7 @@ async (getUserInput) => { }; ``` -You can send a `GET` request to `/api/stock-prices`, passing a NASDAQ stock symbol to a `stock` query parameter. The returned object will contain a property named `stockData`. +Ви можете надіслати запит `GET` до `/api/stock-prices`, передаючи символ акції NASDAQ в параметр запиту `stock`. Повернений об'єкт міститиме властивість під назвою `stockData`. ```js async (getUserInput) => { @@ -82,7 +82,7 @@ async (getUserInput) => { }; ``` -The `stockData` property includes the `stock` symbol as a string, the `price` as a number, and `likes` as a number. +Властивість `stockData` містить символ `stock` як рядок, `price` як число та `likes` як число. ```js async (getUserInput) => { @@ -97,13 +97,13 @@ async (getUserInput) => { }; ``` -You can also pass along a `like` field as `true` (boolean) to have your like added to the stock(s). Only 1 like per IP should be accepted. +Ви також можете передати поле `like` як `true` (булеве), щоб ваше вподобання було додано до акцій. Приймається лише одне вподобання на IP. ```js ``` -If you pass along 2 stocks, the returned value will be an array with information about both stocks. Instead of `likes`, it will display `rel_likes` (the difference between the likes on both stocks) for both `stockData` objects. +Якщо ви передасте 2 акції, то поверненим значенням буде масив з інформацією про обидві акції. Замість `likes` буде показано `rel_likes` (різниця між вподобаннями на обох акціях) для обох об'єктів `stockData`. ```js async (getUserInput) => { @@ -118,7 +118,7 @@ async (getUserInput) => { }; ``` -All 5 functional tests are complete and passing. +Усі 5 функціональних тестів завершено та успішно пройдено. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md index 40229bd7406..40cba8032fa 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md @@ -1,6 +1,6 @@ --- id: 587d8248367417b2b2512c3c -title: Надавайте браузеру доступ до Вашого сайту тільки через HTTPS за допомогою helmet.hsts() +title: Попросіть браузерів надавати доступ до сайту через HTTPS за допомогою helmet.hsts() challengeType: 2 forumTopicId: 301573 dashedName: ask-browsers-to-access-your-site-via-https-only-with-helmet-hsts @@ -10,17 +10,17 @@ dashedName: ask-browsers-to-access-your-site-via-https-only-with-helmet-hsts Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -HTTP Strict Transport Security (HSTS) - це політика веб-безпеки, яка допомагає захистити вебсайти від атак зниження рівня на протокол та крадіжку куки. Якщо доступ до вашого веб-сайту можна отримати через HTTPS-протокол, запобігайте використанню браузером незахищеного HTTPS-протоколу. Встановлюючи заголовок Strict-Transport-Security, ви вказуєте браузерам використовувати протокол HTTPS для майбутніх запитів протягом певного періоду часу. Це спрацює для запитів, які слідують після початкового запиту. +HTTP Strict Transport Security (HSTS) – це політика веббезпеки, яка допомагає захистити вебсайти від атак зниження рівня на протокол та крадіжки куків. Якщо до вашого вебсайту можна отримати доступ через HTTPS, можна попросити у браузера користувача, щоб він уникав незахищене HTTP. Встановлюючи заголовок Strict-Transport-Security, ви вказуєте браузерам використовувати HTTPS для майбутніх запитів протягом певного періоду часу. Це спрацює для запитів, які слідують після початкового запиту. # --instructions-- -Налаштуйте`helmet.hsts()`для використання HTTPS-протоколу протягом наступних 90 днів. Передайте об'єкт конфігурації`{maxAge: timeInSeconds, force: true}`. Ви можете створити змінну`ninetyDaysInSeconds = 90*24*60*60;` для застосування в `timeInSeconds`. Replit вже включає в себе hsts. Для зміни його налаштувань необхідно встановити поле "force" в об'єкті конфігурації. Ми перехопимо і відновимо заголовок Replit після перевірки. +Налаштуйте `helmet.hsts()` для використання HTTPS протягом наступних 90 днів. Передайте об'єкт конфігурації `{maxAge: timeInSeconds, force: true}`. Ви можете створити змінну `ninetyDaysInSeconds = 90*24*60*60;` для використання в `timeInSeconds`. Replit вже включає в себе hsts. Щоб перевизначити параметри, потрібно встановити поле «force» в об'єкті конфігурації на true. Ми перехопимо і відновимо заголовок Replit після перевірки. -Note: Configuring HTTPS on a custom website requires the acquisition of a domain, and an SSL/TLS Certificate. +Примітка: налаштування HTTPS на вебсайті передбачає придбання домену та сертифікат SSL/TLS. # --hints-- -проміжне програмне забезпечення helmet.hsts() необхідно правильно встановити +Проміжне ПЗ helmet.hsts() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md index 110696b5a3a..e30fab7ae23 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md @@ -1,6 +1,6 @@ --- id: 587d8248367417b2b2512c3a -title: Уникайте передачі відповіді типу MIME через helmet.noSniff() +title: Уникайте здогадок відповіді типу MIME за допомогою helmet.noSniff() challengeType: 2 forumTopicId: 301574 dashedName: avoid-inferring-the-response-mime-type-with-helmet-nosniff @@ -8,15 +8,15 @@ dashedName: avoid-inferring-the-response-mime-type-with-helmet-nosniff # --description-- -Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. Браузери можуть використовувати вміст або MIME аналіз, щоб замінити запити заголовків `Content-Type` для передбачення та обробки даних, використовуючи неявний тип вмісту. Окрім того, що такий процес може бути зручним для певних сценаріїв, він також призводить до деяких небезпечних атак. Таке проміжне програмне забезпечення закріплює заголовок X-Content-Type-Options на `nosniff`, вказуючи браузеру не обходити наданий `Content-Type`. +Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. Браузери можуть використовувати вміст або аналізатор трафіку MIME, що дає змогу змінити заголовок відповіді `Content-Type`, щоб вгадати та обробити дані, використовуючи неявний тип вмісту. У деяких випадках такий процес може бути зручним, але він може призвести до деяких небезпечних атак. Це проміжне програмне забезпечення встановлює заголовок X-Content-Type-Options на `nosniff`, вказуючи браузеру не обходити наданий `Content-Type`. # --instructions-- -Застосовуйте метод `helmet.noSniff()` на вашому сервері. +Використайте метод `helmet.noSniff()` на своєму сервері. # --hints-- -проміжне програмне забезпечення helmet.noSniff() необхідно правильно встановити +Проміжне ПЗ helmet.noSniff() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md index 9d2103967b7..897acab3e99 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md @@ -1,6 +1,6 @@ --- id: 587d8249367417b2b2512c40 -title: Налаштування Helmet за допомогою початкового елемента проміжного програмування helmet() +title: Налаштуйте Helmet, використовуючи «батьківське» проміжне ПЗ helmet() challengeType: 2 forumTopicId: 301575 dashedName: configure-helmet-using-the-parent-helmet-middleware @@ -10,7 +10,7 @@ dashedName: configure-helmet-using-the-parent-helmet-middleware Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -`app.use(helmet())` буде автоматично містити в собі все вище згадане проміжне програмне забезпечення, окрім `noCache()` і `contentSecurityPolicy()`, але їх можна застосувати за необхідності. Ви також можете відключити або налаштувати будь-яке інше проміжне програмування самостійно, використовуючи конфігураційний об'єкт. +`app.use(helmet())` автоматично міститиме в собі вищезгадане проміжне програмне забезпечення, окрім `noCache()` та `contentSecurityPolicy()`, але їх можна увімкнути в разі потреби. Ви також можете відключити або налаштувати будь-яке інше проміжне програмне забезпечення самостійно, використовуючи об'єкт конфігурації. **Наприклад:** @@ -29,11 +29,11 @@ app.use(helmet({ })) ``` -Ми представили окремо кожен тип проміжного програмного забезпечення для навчання і для полегшення тестування. В реальному проєкті легко реалізувати метод 'parent' з використанням `helmet()`. +Ми представили кожне проміжне програмне забезпечення окремо в навчальних цілях і для полегшення тестування. «Батьківське» проміжне ПЗ `helmet()` легко використовувати у реальних проєктах. # --hints-- -відсутність тестів - це описове завдання +тестів немає: це описове завдання ```js assert(true); diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md index d1180e1ee92..a29c6f5f304 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md @@ -1,6 +1,6 @@ --- id: 587d8249367417b2b2512c3e -title: Вимикання кешування Client-Side за допомогою helmet.noCache() +title: Вимкніть кешування на стороні клієнта за допомогою helmet.noCache() challengeType: 2 forumTopicId: 301576 dashedName: disable-client-side-caching-with-helmet-nocache @@ -10,15 +10,15 @@ dashedName: disable-client-side-caching-with-helmet-nocache Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Якщо ви випускаєте оновлення для вашого веб-сайту і хочете, щоб користувачі завжди завантажували новішу версію, ви можете спробувати вимкнути кешування в їхньому браузері. Це може бути корисним також у розробці. Проте використовуйте таку опцію лише за необхідністю, адже з ним кешування не покращує продуктивність як зазвичай. +Якщо ви випускаєте оновлення для свого вебсайту і хочете, щоб користувачі завжди завантажували новішу версію, ви можете (спробувати) вимкнути кешування в їхньому браузері. У розробці це також може бути корисним. Кешування має переваги продуктивності, які ви втратите. Тому використовуйте цей варіант лише в разі потреби. # --instructions-- -Використовуйте метод `helmet.noCache()` на вашому сервері. +Використайте метод `helmet.noCache()` на своєму сервері. # --hints-- -проміжне програмне забезпечення helmet.noCache() необхідно правильно встановити +Проміжне ПЗ helmet.noCache() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md index c4ca662726d..e5856868377 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md @@ -1,6 +1,6 @@ --- id: 587d8248367417b2b2512c3d -title: Вимкнення DNS-Prefetching за допомогою helmet.dnsPrefetchControl() +title: Вимкніть передвибірку DNS за допомогою helmet.dnsPrefetchControl() challengeType: 2 forumTopicId: 301577 dashedName: disable-dns-prefetching-with-helmet-dnsprefetchcontrol @@ -10,15 +10,15 @@ dashedName: disable-dns-prefetching-with-helmet-dnsprefetchcontrol Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Щоб покращити продуктивність, більшість браузерів оновлюють записи DNS на сторінці посилання. Таким способом Ip-адреса отримувача уже відома, коли користувач натискає на посилання. Це може призвести до надмірного використання DNS-служби (якщо у вас великий веб-сайт, який відвідують мільйони людей…), проблем конфіденційності (злочинець зможе встановити, що ви перебуваєте на певній сторінці) або зміни статистики сторінки (деякі посилання можуть відображатись як вже відвідані навіть якщо вони не є такими). Якщо рівень безпеки для вас важливий, ви можете вимкнути попереднє перетворення доменних імен (DNS), втративши продуктивність. +Щоб покращити продуктивність, більшість браузерів випереджають записи DNS для посилань на сторінці. Таким способом IP призначення уже відоме, коли користувач натискає на посилання. Це може призвести до надмірного використання сервісу DNS (якщо у вас великий вебсайт, який відвідують мільйони людей…), проблем із конфідеційністю (злочинець зможе встановити, що ви перебуваєте на певній сторінці) або змін статистики сторінки (деякі посилання можуть відображатись як вже відвідані, навіть якщо це не так). Якщо вам необхідний високий рівень безпеки, можна вимкнути передвибірку DNS, але втративши продуктивність. # --instructions-- -Застосовуйте метод `helmet.dnsPrefetchControl()` на вашому сервері. +Використайте метод `helmet.dnsPrefetchControl()` на своєму сервері. # --hints-- -проміжне програмне забезпечення helmet.dnsPrefetchControl() необхідно правильно встановити +Проміжне ПЗ helmet.dnsPrefetchControl() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md index 244d78f416f..f9b1aea8350 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md @@ -1,6 +1,6 @@ --- id: 58a25bcff9fc0f352b528e7d -title: Асинхронне перетворення паролів на дані та їх порівняння +title: Асинхронне хешування та порівняння паролів challengeType: 2 forumTopicId: 301578 dashedName: hash-and-compare-passwords-asynchronously @@ -10,7 +10,7 @@ dashedName: hash-and-compare-passwords-asynchronously Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Оскільки процес перетворення паролів на дані (хешування) вимагає великого об'єму обчислень, рекомендується виконувати його асинхронно на сервері, щоб запобігти блокуванню вхідних підключень під час хешування. Все, що вам необхідно зробити для асинхронного хешування пароля це ввести +Оскільки хешування розраховане на інтенсивне обчислення, його рекомендовано виконувати асинхронно на своєму сервері, щоб уникнути блокування вхідного з'єднання. Все, що потрібно зробити для асинхронного хешування пароля – це викликати ```js bcrypt.hash(myPlaintextPassword, saltRounds, (err, hash) => { @@ -20,9 +20,9 @@ bcrypt.hash(myPlaintextPassword, saltRounds, (err, hash) => { # --instructions-- -Додайте цю функцію хешування на свій сервер (ми вже визначили змінні для вас) та запишіть її в консоль, щоб побачити! Як правило на цьому етапі ви збережете функцію хешування у вашій базі даних. +Додайте цю функцію хешування на свій сервер (ми вже визначили змінні для вас) та запишіть її в консоль, щоб побачити! Як правило, на цьому етапі ви б зберегли хешування у своїй базі даних. -Тепер коли вам необхідно з'ясувати чи нові вхідні дані відповідають даним перетворених паролів, використовуйте функцію порівняння. +Тепер, коли вам необхідно з'ясувати чи нові вхідні дані відповідають хешу, просто використайте функцію порівняння. ```js bcrypt.compare(myPlaintextPassword, hash, (err, res) => { @@ -43,7 +43,7 @@ bcrypt.hash('passw0rd!', 13, (err, hash) => { ``` -Підтвердіть вашу сторінку, якщо все зрозуміло. +Відправте свою сторінку коли впевнились, що все правильно. # --hints-- diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md index 4da84eba0cd..61827850ba7 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md @@ -1,6 +1,6 @@ --- id: 58a25bcff9fc0f352b528e7e -title: Синхронне перетворення паролів на дані та їх порівняння +title: Синхронне хешування та порівняння паролів challengeType: 2 forumTopicId: 301579 dashedName: hash-and-compare-passwords-synchronously @@ -28,7 +28,7 @@ var result = bcrypt.compareSync(myPlaintextPassword, hash); Додайте функцію і увійдіть в консоль щоб побачити, як вона працює. -Підтвердіть вашу сторінку, якщо все зрозуміло. +Відправте свою сторінку коли впевнились, що все правильно. # --hints-- diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md index 5cdbd508734..44f37f5fbb5 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md @@ -14,7 +14,7 @@ dashedName: hide-potentially-dangerous-information-using-helmet-hidepoweredby # --hints-- -проміжне програмне забезпечення helmet.hidePoweredBy() необхідно правильно встановити +Проміжне ПЗ helmet.hidePoweredBy() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md index 7c2d117837e..ecbb584e4ac 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md @@ -20,7 +20,7 @@ dashedName: mitigate-the-risk-of-clickjacking-with-helmet-frameguard # --hints-- -проміжне програмне забезпечення helmet.frameguard() необхідно правильно встановити +Проміжне ПЗ helmet.frameguard() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md index af22320f1d6..90ae2f690f5 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md @@ -25,7 +25,7 @@ dashedName: mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet-xs # --hints-- -проміжне програмне забезпечення helmet.xssFilter() необхідно правильно встановити +Проміжне ПЗ helmet.xssFilter() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md index 92540e5f280..b65de5eaa95 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md @@ -14,11 +14,11 @@ dashedName: prevent-ie-from-opening-untrusted-html-with-helmet-ienoopen # --instructions-- -Застосовуйте метод `helmet.ieNoOpen()` на вашому сервері. +Використайте метод `helmet.ieNoOpen()` на своєму сервері. # --hints-- -проміжне програмне забезпечення helmet.ieNoOpen() необхідно правильно встановити +Проміжне ПЗ helmet.ieNoOpen() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md index d6c9c122e12..8a6871321ba 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md @@ -22,7 +22,7 @@ dashedName: set-a-content-security-policy-with-helmet-contentsecuritypolicy # --hints-- -проміжне програмне забезпечення helmet.contentSecurityPolicy() повинно бути правильно встановлене +Проміжне ПЗ helmet.contentSecurityPolicy() повинне бути встановлене правильно ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md index aeb2fda8330..d17002f5091 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md @@ -20,7 +20,7 @@ Add all your code for these lessons in the `server.js` file between the code we BCrypt has already been added as a dependency, so require it as `bcrypt` in your server. -Підтвердіть свою сторінку, коли зрозумієте, що все працює коректно. +Відправте свою сторінку коли впевнились, що все правильно. # --hints-- diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md index 1ac7b1545e3..3d6b5d3c313 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94db0 -title: Створення TCP-клієнта +title: Створення клієнта TCP challengeType: 11 videoId: ugYfJNTawks bilibiliIds: @@ -14,7 +14,7 @@ dashedName: creating-a-tcp-client ## --text-- -Який метод об'єкта Сокет дозволить встановити максимальну кількість даних, які клієнт отримає за раз? +Який метод об'єкта-сокета дозволяє встановити максимальну кількість даних, які клієнт отримує за раз? ## --answers-- diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md index 4228230cc7e..4e7f6a7909c 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94db3 -title: Розробка Отримувача прапорця +title: Розробка банер-грабера challengeType: 11 videoId: CeGW761BIsA bilibiliIds: diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md index b70c970b7e4..d6c402fb78b 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94db4 -title: Розробка Сканера портів +title: Розробка сканера портів challengeType: 11 videoId: z_qkqZS7KZ4 bilibiliIds: @@ -18,15 +18,15 @@ dashedName: developing-a-port-scanner ## --answers-- -Немає жодної відмінності між цими двома методами. +Між цими двома методами немає жодної відмінності. --- -Якщо виявлена помилка або хост не знайдений, то метод `.connect()` підніме виключення, тоді як `.connect_ex()` поверне код помилки. +Якщо виявлена помилка або не знайдений хост, то метод `.connect()` поверне код помилки, а `.connect_ex()` підніме виняток. --- -Якщо виявлена помилка або хост не знайдений, то метод `.connect()` підніме виключення, тоді як `.connect_ex()` поверне код помилки. +Якщо виявлена помилка або не знайдений хост, то метод `.connect()` підніме виняток, а `.connect_ex()` поверне код помилки. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md index 8f019096b84..c4510c9fb15 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94db1 -title: Розробка Сканера Nmap (частина 1) +title: Розробка сканера Nmap (частина 1) challengeType: 11 videoId: jYk9XaGoAnk bilibiliIds: diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md index 3625452ba64..c1c2a19bac8 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94db2 -title: Розробка Сканера Nmap (частина 2) +title: Розробка сканера Nmap (частина 2) challengeType: 11 videoId: a98PscnUsTg bilibiliIds: @@ -14,7 +14,7 @@ dashedName: developing-an-nmap-scanner-part-2 ## --text-- -Який з наступних методів дозволить просканувати UDP-порти від 21 до 443? +Що з переліченого дозволяє просканувати порти UDP від 21 до 443? ## --answers-- diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md index 4f96e9591e5..3de48da5693 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md @@ -14,7 +14,7 @@ dashedName: introduction-and-setup ## --text-- -Який редактор коду та розширення рекомендований інструктором для розробки інструментів тестування проникнення в Python? +Який редактор коду та розширення рекомендує інструктор для розробки інструментів тесту на проникнення у Python? ## --answers-- @@ -22,7 +22,7 @@ Atom та розширення atom-python-run. --- -VSCode та Python розширення від Microsoft. +VSCode та розширення Python від Microsoft. --- diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md index 3a88490ba8a..195ea317a9c 100644 --- a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md +++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md @@ -1,6 +1,6 @@ --- id: 5ea9997bbec2e9bc47e94daf -title: Розуміння сокетів і створення TCP-сервера +title: Розуміння сокетів і створення сервера TCP challengeType: 11 videoId: F1QI9tNuDQg bilibiliIds: @@ -14,7 +14,7 @@ dashedName: understanding-sockets-and-creating-a-tcp-server ## --text-- -Яка з наступних функцій створює об'єкт Сокет? +Яка з перелічених функцій створює об'єкт-сокет? ## --answers-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index 4a652ca0d70..ae51b3e3eef 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -62,6 +62,7 @@ assert(Click here to view more cat photos.
--fcc-editable-region-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 65d212cc960..c0850b8541d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +Використайте селектор id, щоб надати елементу з id `back-wall` властивість `background-color` зі значенням `#8B4513`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index f503a93e991..fb9406283e6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +Надайте елементу `#back-wall` властивість `width` зі значенням `100%` та `height` зі значенням `60%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index 8cc40c8e176..934a5e9a902 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 Як правило, HTML відображається зверху вниз. Елементи у верхній частині коду розташовані у верхній частині сторінки. Однак часто потрібно перемістити елементи в інші позиції. Ви можете зробити це завдяки властивості `position`. -Set the `position` property for the `#back-wall` element to `absolute`. Позиція `absolute` вилучає елемент з низхідного документообігу та дозволяє налаштувати його відносно свого контейнера. +Встановіть властивість `position` елемента `#back-wall` на `absolute`. Позиція `absolute` вилучає елемент з низхідного документообігу та дозволяє налаштувати його відносно свого контейнера. -Коли елемент розташовується вручну, ви можете зміщувати його макет з допомогою `top`, `left`, `right` та `bottom`. Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +Коли елемент розташовується вручну, ви можете зміщувати його макет з допомогою `top`, `left`, `right` та `bottom`. Встановіть значення властивостей елемента `#back-wall`: `top` на `0` та `left` на `0`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 535867b5478..4c8f22ee268 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. Тут ви будете створювати фігури своєї картини. +Під елементом `#back-wall` створіть `div`, що має `class` зі значенням `characters`. Тут ви будете створювати фігури своєї картини. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index f0011f005e6..a4e2d4e7dc3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +Всередині цього елемента `.characters` створіть інший `div`, що має `id` зі значенням `offwhite-character`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index b88c0619277..e91eb942c20 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -Цій фігурі потрібні очі. Create two `div` elements in the `#black-mask` element. Надайте їм класи `eyes left` та `eyes right`, за таким порядком. +Цій фігурі потрібні очі. Створіть два елементи `div` в елементі `#black-mask`. Надайте їм класи `eyes left` та `eyes right`, за таким порядком. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index 8b325425ae8..23f7fe6c7f8 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Створіть декілька «точок» для інструменту. Add five `div` elements within your `#gray-instrument` element. Встановіть `class` кожного на `black-dot`. +Створіть декілька «точок» для інструменту. Додайте п’ять елементів `div` всередину свого елемента `#gray-instrument`. Встановіть `class` кожного на `black-dot`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index 6da77292e01..35ba8708bdc 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. Надайте йому `width` зі значенням `300px`, `height` зі значенням `550px` та `background-color` зі значенням `GhostWhite`. +Використовуючи селектор id, створіть правило для елемента з id `offwhite-character`. Надайте йому `width` зі значенням `300px`, `height` зі значенням `550px` та `background-color` зі значенням `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index dd0ba4d7455..5d5ac127907 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +Перемістіть `#offwhite-character` на місце, надавши йому `position` зі значенням `absolute`, `top` зі значенням `20%` та `left` зі значенням `17.5%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index 9d7acc5a9e9..cbba521b2c7 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. Надайте йому `width` та `height` зі значенням `0`, а `border-style` зі значенням `solid`. +Стилізуйте елемент з id `white-hat` за допомогою селектора id. Надайте йому `width` та `height` зі значенням `0`, а `border-style` зі значенням `solid`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 234dc84d189..80577ce1363 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. Надайте йому `width` зі значенням `100%`, `height` зі значенням `50px` та `background-color` зі значенням `rgb(45, 31, 19)`. +Використовуючи селектор id, створіть правило для елемента з id `black-mask`. Надайте йому `width` зі значенням `100%`, `height` зі значенням `50px` та `background-color` зі значенням `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index c440f9e3618..fd82fe9e135 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +Використовуючи селектор id, надайте елементу з id `gray-instrument` властивості `width` зі значенням `15%`, `height` зі значенням `40%` та `background-color` зі значенням `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index 661f1d346c1..83b7ba91393 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. Встановіть `width` на `10px`, `height` на `10px` та `background-color` на `rgb(45, 31, 19)`. +Використайте селектор класу, щоб створити правило для елементів з класом `black-dot`. Встановіть `width` на `10px`, `height` на `10px` та `background-color` на `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 1cc13d5f10b..b34f88d8cfd 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. Надайте йому `width` зі значенням `450px`, `height` зі значенням `140px` та `background-color` зі значенням `#D2691E`. +Використайте селектор id, щоб стилізувати елемент з id `tan-table`. Надайте йому `width` зі значенням `450px`, `height` зі значенням `140px` та `background-color` зі значенням `#D2691E`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index ca1a8452ee4..dac11ba0f45 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +В новий елемент `#black-character` додайте три елементи `div` з такими значеннями `id`, за порядком: `black-hat`, `gray-mask`, `white-paper`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index ceb95f1e8ca..34aa6c122a4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -Масці потрібні очі. Within your `#gray-mask` element, add two `div` elements. Перший повинен мати `class` зі значенням `eyes left`, а другий повинен мати `class` зі значенням `eyes right`. +Масці потрібні очі. В межі свого елемента `#gray-mask` додайте два елементи `div`. Перший повинен мати `class` зі значенням `eyes left`, а другий повинен мати `class` зі значенням `eyes right`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index 5f239440df0..d8a4bdefd67 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 Елемент `i` використовують для ідіоматичного тексту або тексту, який відокремлений від «нормального» текстового вмісту. Це може бути _курсивний_ текст, як-от наукові терміни, або іконки, подібні до тих, що надає FontAwesome. -Within your `#white-paper` element, add four `i` elements. Надайте їм `class` зі значенням `fas fa-music`. +В елемент `#white-paper` додайте чотири елементи `i`. Надайте їм `class` зі значенням `fas fa-music`. Завдяки цьому спеціальному класу FontAwesome визначає, яку іконку завантажувати. `fas` вказує категорію іконки (тут FontAwesome Solid), а `fa-music` вибирає конкретну іконку. diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index 63f71b40724..d9eb74e20fd 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. Встановіть `width` на `300px`, `height` на `500px` та `background-color` на `rgb(45, 31, 19)`. +Використайте селектор id, щоб створити правило для елемента з id `black-character`. Встановіть `width` на `300px`, `height` на `500px` та `background-color` на `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index c53ef1916df..043ae621ab1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +Перемістіть елемент `#black-character` на місце, встановивши `position` на `absolute`, `top` на `30%` та `left` на `59%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index 74501b6b5c6..17598134cb0 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. Надайте йому `width` зі значенням `0`, `height` зі значенням `0` та `border-style` зі значенням `solid`. +Використайте селектор id, щоб створити правило для елемента з id `black-hat`. Надайте йому `width` зі значенням `0`, `height` зі значенням `0` та `border-style` зі значенням `solid`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index adcc0931953..d3dd4b86e47 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. Надайте йому `border-top-color`, `border-right-color` та `border-bottom-color` зі значенням `transparent`. Встановіть `border-left-color` на `rgb(45, 31, 19)`. +Подібно до свого `#white-hat`, ви повинні стилізувати край елемента `#black-hat`. Надайте йому `border-top-color`, `border-right-color` та `border-bottom-color` зі значенням `transparent`. Встановіть `border-left-color` на `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index c4dd39256e8..8eff859ec35 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. Надайте йому `position` зі значенням `absolute`, `top` зі значенням `-150px` та `left` зі значенням `0`. +Тепер розмістіть елемент `#black-hat`. Надайте йому `position` зі значенням `absolute`, `top` зі значенням `-150px` та `left` зі значенням `0`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index 01338109de0..44f20865b78 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. Надайте йому `width` зі значенням `150px`, `height` зі значенням `150px` та `background-color` зі значенням `rgb(167, 162, 117)`. +Використовуючи селектор id, стилізуйте елемент з id `gray-mask`. Надайте йому `width` зі значенням `150px`, `height` зі значенням `150px` та `background-color` зі значенням `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index badaa9d9621..7ff60684b1d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +Розташуйте елемент `#gray-mask`, встановивши `position` на `absolute`, `top` на `-10px` та `left` на `70px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index eea853f5864..6b528ceaa6b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. Встановіть `width` на `400px`, `height` на `100px` та `background-color` на `GhostWhite`. +Використовуючи селектор id, створіть правило для id `white-paper`. Встановіть `width` на `400px`, `height` на `100px` та `background-color` на `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index d6e1a61a88a..e0380222137 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +Надайте `#white-paper` властивості `position` зі значенням `absolute`, `top` зі значенням `250px` та `left` зі значенням `-150px`, щоб перемістити його на місце. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index a0f7c83c8ce..29bfee20c43 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +Встановіть `z-index` елемента `#white-paper` на `1`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index b6013131b54..a5b1ee2c22b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -Іконки FontAwesome мають власні стилі, щоб визначити іконку. Однак ви також можете самостійно налаштувати стилі, щоб змінити такі властивості, як-от колір та розмір. For now, use a class selector to target the icons with the class `fa-music`. Встановіть `display` на `inline-block`, `margin-top` на `8%` та `margin-left` на `13%`. +Іконки FontAwesome мають власні стилі, щоб визначити іконку. Однак ви також можете самостійно налаштувати стилі, щоб змінити такі властивості, як-от колір та розмір. Наразі використайте селектор класу, щоб націлити іконки з класом `fa-music`. Встановіть `display` на `inline-block`, `margin-top` на `8%` та `margin-left` на `13%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index 03d6e426c5f..dd450fbfd76 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. Це буде шаль. Надайте їм обом `class` зі значенням `blue`. Потім надайте першому `id` зі значенням `blue-left`, а другому `id` зі значенням `blue-right`. +Під елементом `#black-character` додайте два нових елементи `div`. Це буде шаль. Надайте їм обом `class` зі значенням `blue`. Потім надайте першому `id` зі значенням `blue-left`, а другому `id` зі значенням `blue-right`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index 601a2d81bcd..f01351c1ffb 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. Встановіть `background-color` на `#1E90FF`. +Використайте селектор класу, щоб націлити нові елементи з класом `blue`. Встановіть `background-color` на `#1E90FF`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index 69325a7c260..ae80c8447b6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. Надайте йому `width` зі значенням `500px` та `height` зі значенням `300px`. +Виберіть елемент з id `blue-left`, використовуючи селектор id. Надайте йому `width` зі значенням `500px` та `height` зі значенням `300px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index 2c9bd0178b0..27b2ff4297c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. Встановіть `width` на `400px` та `height` на `300px`. +Потім націльте елемент з id `blue-right`, використовуючи селектор id. Встановіть `width` на `400px` та `height` на `300px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index 57b4ff345c3..dfb4fe9ece2 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +Надайте елементу `#blue-right` правильне розташування завдяки `position` зі значенням `absolute`, `top` зі значенням `50%` та `left` зі значенням `40%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index 4526399eb08..f79a61df840 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. Надайте йому `id` зі значенням `orange-character`. +Під елементами `.blue` додайте ще один `div`. Надайте йому `id` зі значенням `orange-character`. # --hints-- -You should have a new `div` element within your `.characters` element. +Ви повинні мати новий елемент `div` в межах елемента `.characters`. ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index 83735e8fe99..e4892f51c2c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. Надайте їм `id` значення, за порядком: `black-round-hat`, `eyes-div`, `triangles` та `guitar`. +В цей елемент `#orange-character` додайте чотири елементи `div`. Надайте їм `id` значення, за порядком: `black-round-hat`, `eyes-div`, `triangles` та `guitar`. # --hints-- -You should have four new `div` elements within your `#orange-character` element. +Ви повинні мати чотири нових елементи `div` в межах елемента `#orange-character`. ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index 7c27d14bdf6..70544e22548 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. Додайте всередину два елементи `div`. Надайте першому `class` зі значенням `eyes left`, а другому `class` зі значенням `eyes right`. +Елемент `#eyes-div` повинен містити декілька очей. Додайте всередину два елементи `div`. Надайте першому `class` зі значенням `eyes left`, а другому `class` зі значенням `eyes right`. # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +Ви повинні мати два елементи `div` в межах елемента `#eyes-div`. ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index 54fcc5126fd..679c07086c5 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. Створіть тридцять елементів `div` та надайте кожному з них клас `triangle`. +В div `#triangles` вам потрібно буде додати елементи, які стануть трикутниками. Створіть тридцять елементів `div` та надайте кожному з них клас `triangle`. # --hints-- -You should have 30 `div` elements within your `#triangles` element. +Ви повинні мати 30 елементів `div` в межах елемента `#triangles`. ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index f106ad34a46..b5fe88a5741 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. Першим двом надайте `class` значення `guitar`. Потім надайте першому `id` зі значенням `guitar-left`, а другому `id` зі значенням `guitar-right`. Додайте `id` до третього `div` зі значенням `guitar-neck`. +Всередині елемента `#guitar` створіть три елементи `div`. Першим двом надайте `class` значення `guitar`. Потім надайте першому `id` зі значенням `guitar-left`, а другому `id` зі значенням `guitar-right`. Додайте `id` до третього `div` зі значенням `guitar-neck`. Третій `div` не повинен мати клас `guitar`. # --hints-- -You should have three new `div` elements within your `#guitar` element. +Ви повинні мати три нових елементи `div` в межах елемента `#guitar`. ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index b96007250e3..4ccb54b3b51 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +Використайте іншу іконку FontAwesome для `.guitar`. Всередині обох елементів `#guitar-left` та `#guitar-right` додайте елемент `i` та надайте йому `class` зі значенням `fas fa-bars`. # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +Ви повинні додати елемент `i` в елемент `#guitar-left`. ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +Ви повинні додати елемент `i` в елемент `#guitar-right`. ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index e14ce41d912..955486738b6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. Надайте йому `width` зі значенням `250px`, `height` зі значенням `550px` та `background-color` зі значенням `rgb(240, 78, 42)`. +Виберіть свій елемент `orange-character` з селектором id. Надайте йому `width` зі значенням `250px`, `height` зі значенням `550px` та `background-color` зі значенням `rgb(240, 78, 42)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index bc0ab1694b2..2e73f711db0 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +Надайте елементу `#orange-character` властивості `position` зі значенням `absolute`, `top` зі значенням `25%` та `left` зі значенням `40%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 6dcd1b327cf..e4a9b9154d9 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. Встановіть `width` на `180px`, `height` на `150px` та `background-color` на `rgb(45, 31, 19)`. +Стилізуйте елемент з id `black-round-hat`, використовуючи селектор id. Встановіть `width` на `180px`, `height` на `150px` та `background-color` на `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index e84994f3116..2c63122931a 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. Надайте йому `border-radius` зі значенням `50%`, щоб виправити це. +Елемент `#black-round-hat` напевно має бути круглим. Надайте йому `border-radius` зі значенням `50%`, щоб виправити це. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index df38b1fa131..35efb836a70 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +Перемістіть елемент `#black-round-hat` на місце завдяки `position` зі значенням `absolute`, `top` зі значенням `-100px` та `left` зі значенням `5px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index 5cc838976f0..986a08c979c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +Покладіть елемент `#black-round-hat` на правильний шар з `z-index` зі значенням `-1`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 52cd40f3e2c..1bcd777c17d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. Встановіть `width` на `180px` та `height` на `50px`. +Використайте селектор id, щоб створити правило для елемента з id `eyes-div`. Встановіть `width` на `180px` та `height` на `50px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index d1371b9a419..86b9f433f2d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +Тепер перемістіть елемент `#eyes-div`, встановивши `position` на `absolute`, `top` на `-40px` та `left` на `20px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index 78f0182487e..738709ea3ad 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +Надайте елементу `#eyes-div` властивість `z-index` зі значенням `3`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index 3f668c3223e..82091d62136 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. Це стилізує дві «половинки» вашої гітари. Встановіть `width` на `150px`, `height` на `120px`, `background-color` на `Goldenrod` та `border-radius` на `50%`. +Тепер використайте селектор класу, щоб націлити `guitar`. Це стилізує дві «половинки» вашої гітари. Встановіть `width` на `150px`, `height` на `120px`, `background-color` на `Goldenrod` та `border-radius` на `50%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index 45cb165370f..d94685862ff 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -Тепер вам потрібно перемістити панельні іконки на місце. Create a class selector for the `fa-bars` class. Встановіть `display` на `block`, `margin-top` на `30%` та `margin-left` на `40%`. +Тепер вам потрібно перемістити панельні іконки на місце. Створіть селектор класу для класу `fa-bars`. Встановіть `display` на `block`, `margin-top` на `30%` та `margin-left` на `40%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index 9314aae04c7..a6e9554e4e9 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. Встановіть `width` на `200px`, `height` на `30px` та `background-color` на `#D2691E`. +Використайте селектор id, щоб створити правило для id `guitar-neck`. Встановіть `width` на `200px`, `height` на `30px` та `background-color` на `#D2691E`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index 97b69fbeb2a..9e368d44547 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +Тепер перемістіть елемент `#guitar-neck` завдяки `position` зі значенням `absolute`, `top` зі значенням `45px` та `left` зі значенням `200px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index d4e16b5c2cd..e7eb04ff6fb 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +Надайте елементу `#guitar-neck` властивість `z-index` зі значенням `3`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 82a0794d188..6454ce08040 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +Час стилізувати елементи з класом `eyes`. Використайте селектору класу, щоб встановити `width` на `35px`, `height` на `20px`, `background-color` на `#8B4513` та `border-radius` на `20px 50%`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index 895efa1f3fb..590919166fc 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -Останній крок. Іконки FontAwesome трохи замалі. Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +Останній крок. Іконки FontAwesome трохи замалі. Націльте всі, використовуючи селектор класу для `fas` та встановіть `font-size` на `30px`. На цьому ваша картина Пікассо завершена! diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 8a51a2b937f..0b1132ccfe5 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +Налаштуйте макет елементів `.triangle` з допомогою `display` зі значенням `inline-block`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 14290149485..88b5f26572d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. Встановіть `border-top-color`, `border-bottom-color` та `border-left-color` на `transparent`. Встановіть `border-right-color` на `Gold`. +Надайте елементам `.triangle` правильний колір. Встановіть `border-top-color`, `border-bottom-color` та `border-left-color` на `transparent`. Встановіть `border-right-color` на `Gold`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index cd5d0a1d4ff..b87282fa6bc 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. Встановіть `border-style` на `solid` та `border-width` на `42px 45px 45px 0`. +Стилізуйте краї своїх елементів `.triangle`. Встановіть `border-style` на `solid` та `border-width` на `42px 45px 45px 0`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index 89341a68280..c55232d1a75 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. Встановіть `width` на `0` та `height` на `0`. +Створіть селектор класу для елементів з класом `triangle`. Встановіть `width` на `0` та `height` на `0`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index c73380209ff..70cb69577ac 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. Встановіть `width` на `250px` та `height` на `550px`. +Націльте елементи з id `triangles`, використовуючи селектор id. Встановіть `width` на `250px` та `height` на `550px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index f63fad91c76..9a2ca5dbd34 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. Встановіть `width` на `100%` та `height` на `100px`. +Тепер використайте селектор id для `guitar`. Встановіть `width` на `100%` та `height` на `100px`. # --hints-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index 7f2703e7c20..1014d842382 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +Встановіть `border-width` елемента `#black-hat` на `150px 0 0 300px`. # --hints--