рдкреНрд░рддрд┐ рдореБрджреНрджрд╛ рдХреЛрдИ рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реИ,
рдореИрдВрдиреЗ рджреЗрдЦрд╛ рд╣реИ рдХрд┐ рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб-рд▓реЗрдЖрдЙрдЯ рдЧреБрдгреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдХреЛрдбрдХрд┐рдЯ рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ (рдореИрдВрдиреЗ рдмреНрд░рд╛рдпрди рдХреЛ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╣рд╛ рд╣реИ, рдмрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ) рд▓реЗрдХрд┐рди рдореИрдВ рдкреВрдЫрдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХрд┐ рдХреНрдпрд╛ рдпреЗ рдПрд╕рдПрдПрд╕ рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рд╣реИрдВ рдПрд╕рд╕реАрдПрд╕рдПрд╕ рдирд╣реАрдВ? рдпрд╛ рдореЗрд░рд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЧрд▓рдд рд╣реИ?
body
padding: 10px
display: grid
grid-template-columns: repeat(3 1fr)
grid-template-rows: repeat(3 1fr)
grid-template-areas:
header header header
section section section
footer footer footer
рдпрд╣ @ nex3 рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░рд╢реНрди рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИред рд╡рд╣ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЙрд╕ рдирд╡реАрдирддрдо рд░реВрдмреА рд╕реИрд╕ 3.5.0 рдмрд┐рд▓реНрдб рдкрд░ рд╕рд┐рдВрдЯреИрдХреНрд╕ рддреНрд░реБрдЯрд┐ рдХрд╛ рдХрд╛рд░рдг рдмрдирддрд╛ рд╣реИред рддреЛ рдпрд╣ рдПрдХ рд╕рдкреЛрд░реНрдЯ рдлреАрдЪрд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╕рд┐рдВрдЯреИрдХреНрд╕ рдЧрд▓рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рдЗрдВрдбреЗрдВрдЯ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдЧреБрдгреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рдЖрдкрдХреЛ рд▓рд┐рдЦрдирд╛ рд╣реЛрдЧрд╛
body
padding: 10px
display: grid
grid-template-columns: repeat(3 1fr)
grid-template-rows: repeat(3 1fr)
grid-template-areas: header header header section section section footer footer footer
рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╣реИ рдЬреЛ рдореИрдВ рдЕрднреА рдкреЗрд╢ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред
libsass рджреНрд╡рд╛рд░рд╛ рдЖрд╡рд╢реНрдпрдХ рдХреЛрдИ рдХрд╛рд░реНрд░рд╡рд╛рдИ рдирд╣реАрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдмрдВрдж рдХрд░рдирд╛ред