рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░реЗрдВ рдХрд┐ рдлрд╝реЙрдиреНрдЯреНрд╕ рдХреЛ рдХреИрд╕реЗ рдирд╡реАрдиреАрдХрд░рдг рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП
https://www.freecodecamp.com/challenges/specify-how-fonts-should-degrade
рд╕рдорд╕реНрдпрд╛ рддрдм рд╣реЛрддреА рд╣реИ рдЬрдм рд▓реЙрдмрд╕реНрдЯрд░ рдлрд╝реЙрдиреНрдЯ рдкрд░рд┐рд╡рд╛рд░ рдХреЗ рд▓рд┐рдВрдХ рдкрд░ рдЯрд┐рдкреНрдкрдгреА googleapis.com рд╕реЗ рдХреА рдЬрд╛рддреА рд╣реИред рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдб рдХреА рдЙрд╕ рд▓рд╛рдЗрди рдкрд░ рдЯрд┐рдкреНрдкрдгреА рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ рдиреАрдЪрд╛ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд░реВрдк рдореЗрдВ рджреЗрдЦреЗрдВ
<!--
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
-->
<style>
.red-text {
color: red;
}
h2 {
font-family: Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ рдбреЙрдХреНрдЯрд░реНрд╕рд▓рд╛рдЗрдл рдореИрдВ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реВрдВред
@ FreeCodeCamp / рдЬрд╛рд░реА-рдордзреНрдпрд╕реНрдереЛрдВ рдкрд░ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░ рдХреНрдпреЛрдВ рдпрд╣ рд╣реЛ рд░рд╣рд╛ рд╣реИ?
рд╕рдВрднрд╡рддрдГ рдЗрд╕ рдЪреБрдиреМрддреА рдХреЛ рдкрд╣рд▓реЗ рд╣реА рдкрд╛рд░рд┐рдд рдХрд░ рджрд┐рдпрд╛ рд╣реИ? рдпрд╣ рдореЗрд░реЗ рд╕рднреА рд╕реЗрдЯрдЕрдкреЛрдВ рдкрд░ рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдореЗрд░реЗ рдкрд╛рд╕ рдЬрд╛рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдпрд╣ рдореБрджреНрджрд╛ рджрд┐рдЦрд╛, рдореИрдВ рдмрд╛рдж рдореЗрдВ рд╡рд╛рдкрд╕ рдЪрд▓рд╛ рдЧрдпрд╛ рддрд╛рдХрд┐ рдореИрдВ рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░ рд╕рдХреВрдВред
@DoctorsLife рдХреНрдпрд╛ рдЖрдк рдЗрд╕ рдЪреБрдиреМрддреА рдХреЛ рдЧреБрдкреНрдд рдореЛрдб рдореЗрдВ
рдореБрдЭреЗ рдХреНрд░реЛрдо рдФрд░ рд╕рдлрд╛рд░реА рдкрд░ рд╕рдорд╛рди рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИред рдпрд╣ рд▓рд┐рдВрдХ рдкрд░ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рднреА рд▓реЙрдмрд╕реНрдЯрд░ рдлрд╝реЙрдиреНрдЯ рдХреЛ рдмрд░рдХрд░рд╛рд░ рд░рдЦрддрд╛ рд╣реИред рдореИрдВрдиреЗ рдЗрдирдХреЙрдЧреНрдирд┐рдЯреЛ рдореЛрдб рдореЗрдВ рднреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдореБрдЭреЗ рд╡рд╣реА рдкрд░рд┐рдгрд╛рдо рдорд┐рд▓реЗред
рдХреНрд░реЛрдо рдХреИрдирд░реА: рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИред
рдХреНрдпрд╛ рдпрд╣ рднреА рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдЖрдкрдХреЗ рд╕рд┐рд╕реНрдЯрдо рдореЗрдВ рд╡рд╣ рдлрд╝реЙрдиреНрдЯ рд╕реНрдерд╛рдкрд┐рдд рд╣реЛ? @jaytaix @TheDoctorsLife
рдХреНрдпрд╛ рдпрд╣ рднреА рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдЖрдкрдХреЗ рд╕рд┐рд╕реНрдЯрдо рдореЗрдВ рд╡рд╣ рдлрд╝реЙрдиреНрдЯ рд╕реНрдерд╛рдкрд┐рдд рд╣реЛ? @jaytaix @TheDoctorsLife
рдореЗрд░реЗ рдкрд╛рд╕ рдореЗрд░реЗ рд╕рд┐рд╕реНрдЯрдо рдкрд░ рд╣реИред рдореИрдВ рд╕реЛрдЪ рд░рд╣рд╛ рдерд╛ рдХрд┐ рдРрд╕рд╛ рд╣реА рдерд╛ ... рдмрд╕ рдпрд╣ рдЬрд╛рдирдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реЗрд╢рд╛рди рдирд╣реАрдВ рдерд╛ рдХрд┐ рдпрд╣ рдХреНрдпрд╛ рдХрд╛рд░рдг рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдлрд╝реЙрдиреНрдЯ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдЪрд▓рд╛ рдЬрд╛рддрд╛ рд╣реИред рддреЛ рдЕрдм рддрдХ рдХреЗ рджреЛ рд╕рдорд╛рдзрд╛рди рдХреНрд░реЛрдо рдФрд░ / рдпрд╛ рдЕрдкрдбреЗрдЯ рд╣реИрдВ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╕реНрдерд╛рдиреАрдп рд╕реНрддрд░ рдкрд░ рд▓реЙрдмрд╕реНрдЯрд░ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реИред
@ Ajtaix рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдиреАрдЪреЗ рдЖрддрд╛ рд╣реИ, рд╣рд╛рдВ ... рд╣рд╛рд▓рд╛рдВрдХрд┐, рд╡реЗ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рджреБрдирд┐рдпрд╛ рдХреЗ рдореБрджреНрджреЗ рд╣реИрдВ, рди рдХрд┐ рдлреНрд░реА рдХреЛрдб рдХреИрдВрдк рдХреЗ рд▓рд┐рдПред рдЖрдкрдХрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЖрджрд░реНрд╢ рд░реВрдк рд╕реЗ рд╣рдореЗрд╢рд╛ рдЕрдкрдиреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдФрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рдлрд╝реЙрдиреНрдЯ рд╣реИ, рддреЛ рдЖрдк рдЗрд╕реЗ рдмрд╛рд╣рд░реА рд╕реНрд░реЛрддреЛрдВ рд╕реЗ рд▓рд┐рдВрдХ рдХрд┐рдП рдмрд┐рдирд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рджреЗрдЦ рдкрд╛рдПрдВрдЧреЗред (рдпрд╣ рдореЗрд░реЗ рджреГрд╢реНрдп рдбрд┐рдЬрд╛рдЗрди рдХрд╛рд░реНрдп рдХреЗ рдХрд╛рд░рдг рдореЗрд░реЗ рд▓рд┐рдП рдмрд╣реБрдд рдХреБрдЫ рд╣реЛрддрд╛ рд╣реИ)ред
рдЬреАрд╡рди рдХреЗ рддрдереНрдпред рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рд╣рдо рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЬреНрдпрд╛рджрд╛ рдорджрдж рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рд╣рдорд╛рд░реА рд╕рд╛рдЗрдЯ рдХреЗ рджрд╛рдпрд░реЗ рд╕реЗ рдмрд╛рд╣рд░ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЬрдм рддрдХ рдХрд┐рд╕реА рдХреЛ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдорд╣рд╕реВрд╕ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ, рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░ рджреЗрддрд╛ рд╣реВрдВ (рдпрджреНрдпрдкрд┐ рддрдХрдиреАрдХреА рд░реВрдк рд╕реЗ "рд╣рд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдореБрдЭреЗ рдкрддрд╛ рд╣реИ ...)"
рдореИрдВрдиреЗ рд╡рд╣реА рджреЗрдЦрд╛ рдФрд░ рдпрд╣ рднреА рд╕реЛрдЪрд╛ рдХрд┐ рдпрд╣ рдПрдХ рдмрдЧ рдерд╛ред рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рднреНрд░рдорд┐рдд рдХрд░рддрд╛ рд╣реИред
рдПрдХ рд╕рд░рд▓ "рд╕рдорд╛рдзрд╛рди" рдЪреБрдиреМрддреА рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ред рдЗрди рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдХреБрдЫ:
рдзреНрдпрд╛рди рджреЗрдВ
рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЖрдкрдХреЗ рдХрдВрдкреНрдпреВрдЯрд░ рдкрд░ рд▓реЙрдмрд╕реНрдЯрд░ рдлрд╝реЙрдиреНрдЯ рд╕реНрдерд╛рдкрд┐рдд рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдЧрд┐рд░рд╛рд╡рдЯ рдирд╣реАрдВ рджрд┐рдЦрд╛рдИ рджреЗрдЧреА рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдлрд╝реЙрдиреНрдЯ рдЦреЛрдЬрдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИред
рдЗрд╕ рдХрд╛рд░реНрдп рдкрд░ рдиреЛрдЯ рдХреЗ рд╕рдорд╛рди:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element
рдЗрд╕ рддрд░рд╣ рдЬрдм рд▓реЛрдЧ рдЗрд╕реЗ рджреЗрдЦрддреЗ рд╣реИрдВ, рддреЛ рд╡реЗ рд╕рдордЭреЗрдВрдЧреЗ рдХрд┐ рдХреНрдпрд╛ рд╣реЛ рд░рд╣рд╛ рд╣реИред
рдореБрдЭреЗ @Lolinder рдХрд╛ рд╕реБрдЭрд╛рд╡ рдиреЛрдЯ рдкрд╕рдВрдж рд╣реИред
рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдХрд╛рдВрдЯреЗ рдкрд░ рдПрдХ рд╢рд╛рдЦрд╛ рдореЗрдВ рдЕрдВрдЧреНрд░реЗрдЬреА рдФрд░ рд╕реНрдкреЗрдирд┐рд╢ рдореЗрдВ рдиреЛрдЯ рдХреЛ рдЬреЛрдбрд╝рд╛, рд▓реЗрдХрд┐рди рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рд╕рдмрдорд┐рдЯ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ npm рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрднреА рддрдХ рд╕рдм рдХреБрдЫ рд╕реЗрдЯ рдирд╣реАрдВ рд╣реИред рд╕реЛрдорд╡рд╛рд░ рдХреЛ рд╡рд╛рдкрд╕ рдорд┐рд▓ рдЬрд╛рдПрдЧрд╛, рдЕрдЧрд░ рдХреЛрдИ рдФрд░ рдореБрдЭреЗ рдЗрд╕рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рдзрдбрд╝рдХрддрд╛ рд╣реИред
рдХрд┐рд╕реА рднреА рддрд░рд╣ рд╕реЗ, рдЕрдиреНрдп рднрд╛рд╖рд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреАред
@ рд▓реЛрд▓рд┐рдВрдбрд░ рдЖрдк рдЙрди рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рдирдХреЗ рд╕рд╛рде рдЖрдк рд╕рд╣рдЬ рд╣реИрдВред рдЖрдк рд╕рдорд╕реНрдпрд╛ рдХреЛ рдмрдВрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЕрдкрдбреЗрдЯ рдХрд╛ рдЕрдиреБрд╡рд╛рдж рд╕рдорд╕реНрдпрд╛рдУрдВ рдореЗрдВ рдзреНрдпрд╛рди рд░рдЦрд╛ рдЬрд╛рдПрдЧрд╛ред
рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рд╕реЗ рдЧреВрдЧрд▓ рдХреНрд░реЛрдо рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рд╕реЗ рд╕рдорд╕реНрдпрд╛ рд╣рд▓ рд╣реЛ рдЧрдИред рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЬрд╛рдирдХрд╛рд░реА рдХрд┐рд╕реА рдФрд░ рдХреА рдорджрдж рдХрд░ рд╕рдХрддреА рд╣реИ
рдпрд╣ рднреВрд▓ рдЧрдпрд╛ рд▓рдЧрддрд╛ рд╣реИ, рдореИрдВ рдкреАрдЖрд░ рдкреНрд░рд╕реНрддреБрдд рдХрд░реВрдБрдЧрд╛ :)
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдореИрдВрдиреЗ рд╡рд╣реА рджреЗрдЦрд╛ рдФрд░ рдпрд╣ рднреА рд╕реЛрдЪрд╛ рдХрд┐ рдпрд╣ рдПрдХ рдмрдЧ рдерд╛ред рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рднреНрд░рдорд┐рдд рдХрд░рддрд╛ рд╣реИред
рдПрдХ рд╕рд░рд▓ "рд╕рдорд╛рдзрд╛рди" рдЪреБрдиреМрддреА рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ред рдЗрди рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдХреБрдЫ:
рдзреНрдпрд╛рди рджреЗрдВ
рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЖрдкрдХреЗ рдХрдВрдкреНрдпреВрдЯрд░ рдкрд░ рд▓реЙрдмрд╕реНрдЯрд░ рдлрд╝реЙрдиреНрдЯ рд╕реНрдерд╛рдкрд┐рдд рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдЧрд┐рд░рд╛рд╡рдЯ рдирд╣реАрдВ рджрд┐рдЦрд╛рдИ рджреЗрдЧреА рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдлрд╝реЙрдиреНрдЯ рдЦреЛрдЬрдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИред
рдЗрд╕ рдХрд╛рд░реНрдп рдкрд░ рдиреЛрдЯ рдХреЗ рд╕рдорд╛рди:
https://www.freecodecamp.com/challenges/change-the-font-size-of-an-element
рдЗрд╕ рддрд░рд╣ рдЬрдм рд▓реЛрдЧ рдЗрд╕реЗ рджреЗрдЦрддреЗ рд╣реИрдВ, рддреЛ рд╡реЗ рд╕рдордЭреЗрдВрдЧреЗ рдХрд┐ рдХреНрдпрд╛ рд╣реЛ рд░рд╣рд╛ рд╣реИред