рдЪреБрдиреМрддреА рдХреЗ рд▓рд┐рдП рд▓рд┐рдВрдХ:
https://www.freecodecamp.com/challenges/using-objects-for-lookups
рдЗрд╕ рдЪреБрдиреМрддреА рдореЗрдВ, рдореБрдЭреЗ рд╕реНрд╡рд┐рдЪ рд╕реНрдЯреЗрдЯрдореЗрдВрдЯ рдХреЗ рдСрдмреНрдЬреЗрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░рдирд╛ рдерд╛ред рдЬреИрд╕рд╛ рдХрд┐ рдореБрдЭреЗ рдПрдХ рдСрдмреНрдЬреЗрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рддреНрдпреЗрдХ _'рдХреЗрд╕ 'рд╕реНрд╡рд┐рдЪ_ рдХреЗ рд╕рджрд╕реНрдп рдХреЛ рдпрд╛рдж рд░рдЦрдирд╛ рдерд╛, рдореИрдВрдиреЗ рдкреВрд░реЗ рд╕реНрд╡рд┐рдЪ рднрд╛рдЧ рдХреА рдЯрд┐рдкреНрдкрдгреА рдХреА рдереА рдФрд░ рд╕рд╣реА рдСрдмреНрдЬреЗрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдерд╛ред
рд╣рд╛рд▓рд╛рдБрдХрд┐, рдореИрдВ рдкрд░реАрдХреНрд╖рд╛ рдкрд╛рд╕ рдирд╣реАрдВ рдХрд░ рдкрд╛рдпрд╛ред
рдпрд╣ рдкрд░реАрдХреНрд╖рдг рдЬрд╛рдВрдЪ рдХреЗ рдХрд╛рд░рдг рд╣реИ
You should not use case, switch, or if statements
рд╕реНрд╡рд┐рдЪ рдХреЛ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреЗ рджреМрд░рд╛рди, рдЙрд╕реЗ _switch_ рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЛ рдорд╛рдиреНрдп рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдЗрд╕реЗ рдХреЗрд╡рд▓ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдХреЗ рд░реВрдк рдореЗрдВ рдорд╛рдирдирд╛ тАЛтАЛрдЪрд╛рд╣рд┐рдПред
// Setup
function phoneticLookup(val) {
var result = "";
// Only change code below this line
var lookup = {
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo":"Easy",
"foxtrot":"Frank"
};
result = lookup[val];
/*
switch(val) {
case "alpha":
result = "Adams";
break;
case "bravo":
result = "Boston";
break;
case "charlie":
result = "Chicago";
break;
case "delta":
result = "Denver";
break;
case "echo":
result = "Easy";
break;
case "foxtrot":
result = "Frank";
}
*/
// Only change code above this line
return result;
}
// Change this value to test
phoneticLookup("charlie");
@ рд╕реИрдл-рд╢рд╛рдЗрдиреНрд╕ рд╣рд╛рдБ, рд╣рдо рдореБрдЦреНрдп рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рдПрдХ рдореМрдЬреВрджрд╛ рдореБрджреНрджреЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬрд╛рдирддреЗ рд╣реИрдВ, рдФрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╣реЛ рддреЛ рд╕рдЦреНрдд рдкреИрд░рд╛рдЬрд╝рд░ рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдмреБрдирд┐рдпрд╛рджреА рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреА рдХрдореА рд╣реИред
рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдПрдХрдорд╛рддреНрд░ рддрд░реАрдХрд╛ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рд╣рдЯрд╛рдХрд░ рдЖрдЧреЗ рдмрдврд╝рдирд╛ рд╣реЛрдЧрд╛ред
рд╕рдВрднрд╛рд╡рд┐рдд рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ, рдЗрд╕рдХреА рдЬрд╛рдБрдЪ рдпрд╣рд╛рдБ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
https://github.com/freeCodeCamp/freeCodeCamp/blob/staging/client/rechallenge/throwers.js#L16
/ cc @BerkeleyTrue
рдмреЗрд╕рд┐рдХ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреА рдкрд╣рд▓реА рдЪреБрдиреМрддреА рдкрд░ рдореИрдВ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддреЗ рд╣реБрдП рдПрдХ рд╕рдорд╛рди рдореБрджреНрджреЗ рдкрд░ рднрд╛рдЧ рдЧрдпрд╛:
// Use comments only when they are actually needed
/* Sometimes, using descriptive names for variables and functions is way better
than leaving code smell all over your code */
рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ, рдХреНрдпреЛрдВрдХрд┐ рдореЗрд░реА рджреВрд╕рд░реА рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ рдореИрдВ "рдлрд╝рдВрдХреНрд╢рди" рд╢рдмреНрдж рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ, рдлреЗрдВрдХ рджреЗрдЧрд╛:
Error: SyntaxError: Unsafe or unfinished function declaration
рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдг рдЪрд▓ рд░рд╣рд╛ рд╣реИ contents.replace(/\/\*[\s\S]*\*\/|\/\/[^\n]*/gi,''))
рдХреЗ рдмрдЬрд╛рдп contents
рдХрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? (рд╕рд╛рдорд╛рдиреНрдп рдореБрджреНрджреЗ рдХрд╛ рдЕрд░реНрде рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдпрд╣ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдкрд░реАрдХреНрд╖рдг рдЕрднреА рднреА рд╡рд┐рдлрд▓ рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рдмрджрд▓рдиреЗ рдХреЗ рдмрд╛рдж рд╕рд╛рдордЧреНрд░реА рдЦрд╛рд▓реА рд╣реИ)
рд╣рдо рдРрд╕рд╛ рдХреБрдЫ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ:
Node node = nodeList.item(i);
if(node.getNodeType() == Node.COMMENT_NODE) {
continue;
} else {
//do something
}
рдореИрдВ рдЗрд╕ рдкрд░ рд▓реЗрдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ред
рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдореЗрдВ рдЗрдВрдЯреНрд░рд╕реНрдЯ рд╣реИ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рдореБрдЭреЗ рд╕реМрдВрдкрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рдЙрди рдлрд╛рдЗрд▓реЛрдВ рддрдХ рдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
рдЪреВрдВрдХрд┐ рдПрдХ рд╕рдкреНрддрд╛рд╣ рд╕реЗ рдЕрдзрд┐рдХ рд╕рдордп рдореЗрдВ рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЗрд╕реЗ рдЙрдард╛рдКрдВрдЧрд╛ред рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЗ рд╕рд╛рде рдареАрдХ рд╣реИ @ Survivor75 рдФрд░ @ knrt10
@raisedadead : рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рд╕рдорд╛рдзрд╛рди рд╡реИрд╕реЗ рд╣реА рд╕рд░рд▓ рд╣реИ рдЬреИрд╕реЗ рд╣рдо рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВред
рд╣рдо code
рдкрд░ рдЬреЛрд░ рджреЗрддреЗ рд╣реИрдВ рдЬреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╣реИред рддреЛ рдХреНрдпреЛрдВ рд╣рдо рд╕рд┐рд░реНрдл рдЗрд╕ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдкрд░ рдПрдХ рд░реЗрдЧреЗрдХреНрд╕ рдирд╣реАрдВ рдЪрд▓рд╛рддреЗ рд╣реИрдВ рдФрд░ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рд╣рдЯрд╛рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЗрд╕реЗ рд╕рддреНрдпрд╛рдкрди рдХреЗ рд▓рд┐рдП рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ?
рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП - client/frame-runner.js
, рд╣рдо рдХреЛрдбрдорд┐рд░рд░ рд╕рдВрдкрд╛рджрдХ рдЬреИрд╕реА рд╕рд╛рдордЧреНрд░реА рдкреНрд░рд╛рдкреНрдд рдХрд░рддреЗ рд╣реИрдВ
const editor = { getValue() { return source; } };
const code = source;
рдХреЛрдб рдореЗрдВ рд╕реАрдзреЗ рдкрд╛рд╕ рд╣реЛрдиреЗ рдХреЗ рдмрдЬрд╛рдп рдЬреИрд╕рд╛ рдХрд┐ рд╣реИ, рдореИрдВ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреА рддрд░рд╣ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд░реЗрдЧреЗрдХреНрд╕ рдЪрд▓рд╛рдКрдВрдЧрд╛
const editor = { getValue() { return source; } };
const code = source.replace(/\/\*[\s\S]*?\*\/|[^\S]\/\/.*$/gm, '');
рдЬрдм рдЗрд╕ рддрд░рд╣ рд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдЯреЗрд╕реНрдЯ рд░рдирд░ рдХреЛ рдХрднреА рднреА рдХреЛрдб рдореЗрдВ рдЯрд┐рдкреНрдкрдгреА рдирд╣реАрдВ рдорд┐рд▓рддреА рд╣реИ рдФрд░ рд╕рднреА рдЕрдЪреНрдЫреЗ рд╣реЛрддреЗ рд╣реИрдВред
рдореИрдВрдиреЗ рдЗрд╕ рд░реЗрдЧреЗрдХреНрд╕ рдХреЛ рдпрд╣рд╛рдБ рдорд╛рдиреНрдп рдХрд┐рдпрд╛ рд╣реИ - http://regexr.com/3ghvi
рдзреНрдпрд╛рди рджреЗрдВ:
//
рд╣рдо рдЗрдирд▓рд╛рдЗрди рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреА рдЬрдЧрд╣ рдирд╣реАрдВ рд▓реЗрддреЗ рд╣реИрдВ, рдЬреЛ рд╕реНрд╡рдпрдВ рдХреА рддрд░реНрдЬ рдкрд░ рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИрдВред@adityaparab рдЗрд╕рдХреА рдХреВрд▓: +1:ред
рдореИрдВ рд▓рдЧрднрдЧ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреВрд▓ рдЧрдпрд╛ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдХрд┐рд╕реА рдФрд░ рдЪреАрдЬрд╝ рдореЗрдВ рд╡реНрдпрд╕реНрдд рд╣реЛ рдЧрдпрд╛ рдерд╛ред
рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рдЗрд╕ рдХреЛрдб рдХреЗ рд╕рд╛рде рдЖрдпрд╛ рдерд╛, рдЕрдЧрд░ рдЖрдк рдЗрд╕ рдкрд░ рдХрд╛рдо рдХрд░рдиреЗ рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ рддреЛ рдиреАрдЪреЗ рджрд┐рдП рдЧрдП рдлрд╝рдВрдХреНрд╢рди рдкрд░ рдПрдХ рдирдЬрд╝рд░ рдбрд╛рд▓реЗрдВред
function stripComments ( code ) {
return code . replace (/\/\/.*|\/\*[^]*?\*\// g , "") ;
}
рдпрд╣ рдХрд┐рд╕реА рднреА рдЯрд┐рдкреНрдкрдгреА рдХреЛрдб рдХреЛ рдЫреАрди рд▓реЗрдЧрд╛ :)
рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдпрд╣рд╛рдВ рдПрдХрдорд╛рддреНрд░ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╕рдорд╛рдзрд╛рди рдПрдПрд╕рдЯреА рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИред рдореИрдВрдиреЗ @QuincyLarson рдХреЗ рд╕рд╛рде рдПрдХ рдПрдкреАрдЖрдИ рдореЗрдВ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЪрд░реНрдЪрд╛ рдХреА рд╣реИ рдЬреЛ рдЬреЗрдПрд╕ рдПрдПрд╕рдПрд▓ рдХреЛ рдмреЗрдмрд▓ рджреНрд╡рд╛рд░рд╛ рдирд┐рд░реНрдорд┐рдд рдФрд░ рдПрд╕реНрд▓рд┐рдВрдЯ рдХреЗ рдкреНрд▓рдЧрдЗрди рдЗрдВрдЯрд░рдлреЗрд╕ рдХреЗ рд╕рдорд╛рди рдПрдХ рдПрдкреАрдЖрдИ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрддрд╛рддрд╛ рд╣реИред рдпрд╣ рдереЛрдбрд╛ рд╣рдЯ рдХрд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреА рдЪреБрдиреМрддрд┐рдпреЛрдВ рдкрд░ рдЖрдЧреЗ рдмрдврд╝рдирд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рдлрд╛рдЗрд▓реЛрдВ рд╕реЗ рдЖрдпрд╛рдд рдХреА рдЬрд╛рдиреЗ рд╡рд╛рд▓реА рдЪреБрдиреМрддрд┐рдпреЛрдВ рдХрд╛ рд╕рд╛рдорд╛рдиреНрдпреАрдХрд░рдг рдХрд░рдирд╛ рд╣реИред
рдореИрдВ рдХреЗрд╡рд▓ "рдлрд╝рдВрдХреНрд╢рди" рд╢рдмреНрдж рд╡рд╛рд▓реА рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдЗрд╕ рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛ ... рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рднреНрд░рдорд┐рдд рд╣реЛ рдЧрдпрд╛ рдЬрдм рддрдХ рдХрд┐ рдХрд┐рд╕реА рдиреЗ рдПрдХ рдордВрдЪ рд╕реЗ рд╕рдордЭрд╛рдпрд╛ рдХрд┐ рдХреНрдпрд╛ рдЪрд▓ рд░рд╣рд╛ рдерд╛ред рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдореБрджреНрджрд╛ рдЬрд▓реНрдж рд╣реА рдареАрдХ рд╣реЛ рдЬрд╛рдПрдЧрд╛! рдЪреБрдиреМрддрд┐рдпреЛрдВ рдореЗрдВ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЗ рд╕рдВрдмрдВрдз рдореЗрдВ рдкрд╛рд░реНрд╕рд░ рдореБрджреНрджреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЪреЗрддрд╛рд╡рдиреА рджреЗрдиреЗ рд╡рд╛рд▓реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рд╢рд╛рдпрдж рдХреБрдЫ рд╕рдВрджреЗрд╢ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП?
рдпрд╣ рд╕рднреА рджреЗрдЦреЗрдВ:
https://forum.freecodecamp.org/t/javascript-tests-in-challenges-no-longer-working-correctly/190249
@SuperGeniusZeb рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдФрд░ рдЗрд╕реЗ рдкреБрди: рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЪрд░рдгреЛрдВ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реИред
рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд╕рдХреНрд░рд┐рдп рдирд╣реАрдВ рд╣реБрдЖ рд╣реИред рдпрджрд┐ рдЖрдкрдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЕрднреА рднреА рдирдП рдЕрдкрдбреЗрдЯ рдХрд┐рдП рдЧрдП рдкреНрд▓реЗрдЯрдлреЙрд░реНрдо рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╕рдордЭрд╛рдПрдВ, рдлрд┐рд░ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВред
@QuincyLarson
рдЕрджреНрдпрддрди рд╕рд╛рдЗрдЯ рдореЗрдВ, рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рдЕрднреА рднреА рдЧрд▓рддреА рд╕реЗ рдЪреБрдиреМрддреА рдкрд░реАрдХреНрд╖рдгреЛрдВ рджреНрд╡рд╛рд░рд╛ рдХреЛрдб рдХреЗ рд░реВрдк рдореЗрдВ рдкрдврд╝рд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЗрд╕ рдЪреБрдиреМрддреА рдХреЛ рд▓реЗрдВ:
рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛, рдореИрдВ рдкрд░реАрдХреНрд╖рдг (рдЬреЛ рдХреЗ рд▓рд┐рдП рдЪреЗрдХ рдкрд╛рд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ grid-column-gap
рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ 20px
,) рднрд▓реЗ рд╣реА grid-column-gap: 20px
рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ рд╣реИред
<style>
.d1{background:LightSkyBlue;}
.d2{background:LightSalmon;}
.d3{background:PaleTurquoise;}
.d4{background:LightPink;}
.d5{background:PaleGreen;}
.container {
font-size: 40px;
min-height: 300px;
width: 100%;
background: LightGray;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
/* add your code below this line */
grid-column-gap: 10px;
// grid-column-gap: 20px;
/* add your code above this line */
}
</style>
<div class="container">
<div class="d1">1</div>
<div class="d2">2</div>
<div class="d3">3</div>
<div class="d4">4</div>
<div class="d5">5</div>
</div>
рдХреГрдкрдпрд╛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВред
@SuperGeniusZeb рдХреНрдпрд╛ рдЖрдк https://github.com/freeCodeCamp/learn/issues рдкрд░ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ? рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рджред
@raisedadead рдореИрдВрдиреЗ рдЕрднреА рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдмрдирд╛рдпрд╛ рд╣реИ:
https://github.com/freeCodeCamp/learn/issues/165
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@ рд╕реИрдл-рд╢рд╛рдЗрдиреНрд╕ рд╣рд╛рдБ, рд╣рдо рдореБрдЦреНрдп рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рдПрдХ рдореМрдЬреВрджрд╛ рдореБрджреНрджреЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬрд╛рдирддреЗ рд╣реИрдВ, рдФрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╣реЛ рддреЛ рд╕рдЦреНрдд рдкреИрд░рд╛рдЬрд╝рд░ рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдмреБрдирд┐рдпрд╛рджреА рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреА рдХрдореА рд╣реИред
рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдПрдХрдорд╛рддреНрд░ рддрд░реАрдХрд╛ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рд╣рдЯрд╛рдХрд░ рдЖрдЧреЗ рдмрдврд╝рдирд╛ рд╣реЛрдЧрд╛ред