G рдПрдХ рдЯреВрд▓рдХрд┐рдЯ,
рдкреНрд░рддреНрдпреЗрдХ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд╛рд░реНрдп

CSS Grid рдЬрдирд░реЗрдЯрд░

рд░реАрдпрд▓-рдЯрд╛рдЗрдо рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдХреЗ рд╕рд╛рде рджреГрд╢реНрдп рд░реВрдк рд╕реЗ CSS Grid рд▓реЗрдЖрдЙрдЯ рдмрдирд╛рдПрдВред

English ф╕нцЦЗ цЧецЬмшкЮ эХЬъ╡ньЦ┤ Espa├▒ol Portugu├кs Fran├зais Deutsch ╪з┘Д╪╣╪▒╪и┘К╪й рд╣рд┐рдиреНрджреА р╣Др╕Чр╕в Tiс║┐ng Viс╗Зt Bahasa ╨а╤Г╤Б╤Б╨║╨╕╨╣

G CSS Grid рдЬрдирд░реЗрдЯрд░

рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдЬреЗрдирд░реЗрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░реЗрдВ

рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдЬреЗрдирд░реЗрдЯрд░ рдЖрдкрдХреЛ рдХреЛрдб рд▓рд┐рдЦреЗ рдмрд┐рдирд╛ рджреГрд╢реНрдп рд░реВрдк рд╕реЗ рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рд▓реЗрдЖрдЙрдЯ рдмрдирд╛рдиреЗ рдХреА рд╕реБрд╡рд┐рдзрд╛ рджреЗрддрд╛ рд╣реИред рд╕реНрддрдВрднреЛрдВ рдФрд░ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреА рд╕рдВрдЦреНрдпрд╛ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░рдиреЗ, рдХреЛрд╢рд┐рдХрд╛рдУрдВ рдХреЗ рдмреАрдЪ рдХреЗ рдЕрдВрддрд░ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдФрд░ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдкреЗрд╕реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдкреВрд░реНрдг рд╕реАрдПрд╕рдПрд╕ рдХреЛрдб рдХреЛ рддреБрд░рдВрдд рдХреЙрдкреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд▓рд╛рдЗрдбрд░реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

CSS рдЧреНрд░рд┐рдб, CSS рдореЗрдВ рд╕рдмрд╕реЗ рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рд▓реЗрдЖрдЙрдЯ рд╕рд┐рд╕реНрдЯрдо рд╣реИред рдпрд╣ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдФрд░ рд╕реНрддрдВрднреЛрдВ рджреЛрдиреЛрдВ рдХреЛ рдПрдХ рд╕рд╛рде рд╕рдВрднрд╛рд▓рддрд╛ рд╣реИ, рдЬреЛ рдЗрд╕реЗ рдЬрдЯрд┐рд▓ рдкреГрд╖реНрда рд╕рдВрд░рдЪрдирд╛рдУрдВ, рдХрд╛рд░реНрдб рдЧреНрд░рд┐рдб рдФрд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдбрд┐рдЬрд╝рд╛рдЗрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХрджрдо рд╕рд╣реА рдмрдирд╛рддрд╛ рд╣реИред

Pro Tips

Frequently Asked Questions

Q: рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдФрд░ рдлреНрд▓реЗрдХреНрд╕рдмреЙрдХреНрд╕ рдХреЗ рдмреАрдЪ рдХреНрдпрд╛ рдЕрдВрддрд░ рд╣реИ?
рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдФрд░ рдлреНрд▓реЗрдХреНрд╕рдмреЙрдХреНрд╕ рдХреЗ рдмреАрдЪ рдХреНрдпрд╛ рдЕрдВрддрд░ рд╣реИ? рдЧреНрд░рд┐рдб рдХреЛ рджреНрд╡рд┐-рдЖрдпрд╛рдореА рд▓реЗрдЖрдЙрдЯ (рдкрдВрдХреНрддрд┐рдпреЛрдВ рдФрд░ рд╕реНрддрдВрднреЛрдВ) рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдлреНрд▓реЗрдХреНрд╕рдмреЙрдХреНрд╕ рдХреЛ рдПрдХ-рдЖрдпрд╛рдореА рд▓реЗрдЖрдЙрдЯ (рдкрдВрдХреНрддрд┐ рдпрд╛ рд╕реНрддрдВрдн) рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдкреГрд╖реНрда рд╕рдВрд░рдЪрдирд╛ рдХреЗ рд▓рд┐рдП рдЧреНрд░рд┐рдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ, рдШрдЯрдХ рд╕рдВрд░реЗрдЦрдг рдХреЗ рд▓рд┐рдП рдлреНрд▓реЗрдХреНрд╕рдмреЙрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред
Q: рдореИрдВ рдЕрдкрдиреЗ рдЧреНрд░рд┐рдб рдХреЛ рдЙрддреНрддрд░рджрд╛рдпреА рдХреИрд╕реЗ рдмрдирд╛рдКрдВ?
рдореИрдВ рдЕрдкрдиреЗ рдЧреНрд░рд┐рдб рдХреЛ рдЙрддреНрддрд░рджрд╛рдпреА рдХреИрд╕реЗ рдмрдирд╛рдКрдВ? рдЬреЗрдирд░реЗрдЯ рдХрд┐рдП рдЧрдП рд╕реАрдПрд╕рдПрд╕ рдХреЛ рд╢реБрд░реБрдЖрддреА рдмрд┐рдВрджреБ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ рдФрд░ рд╡рд┐рднрд┐рдиреНрди рдмреНрд░реЗрдХрдкреЙрдЗрдВрдЯреНрд╕ рдкрд░ рдХреЙрд▓рдо рдХреА рд╕рдВрдЦреНрдпрд╛ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП @рдореАрдбрд┐рдпрд╛ рдХреНрд╡реЗрд░реАрдЬрд╝ рдЬреЛрдбрд╝реЗрдВред
Q: рдХреНрдпрд╛ рдореИрдВ рдЙрддреНрдкрд╛рджрди рдореЗрдВ рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ?
рдХреНрдпрд╛ рдореИрдВ рдЙрддреНрдкрд╛рджрди рдореЗрдВ рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ? рд╣рд╛рдБред рд╕реАрдПрд╕рдПрд╕ рдЧреНрд░рд┐рдб 2017 рд╕реЗ рд╕рднреА рдЖрдзреБрдирд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рд╣реИред рдЗрд╕рдореЗрдВ 96% рд╡реИрд╢реНрд╡рд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдорд░реНрдерди рд╣реИред
Q: 1fr рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ?
1fr рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ? fr рдХрд╛ рдорддрд▓рдм рдЕрдВрд╢ рд╣реИред 1fr рдХрд╛ рдЕрд░реНрде рд╣реИ рдЙрдкрд▓рдмреНрдз рд╕реНрдерд╛рди рдХрд╛ рдПрдХ рдЕрдВрд╢ред рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рддреАрди рдХреЙрд▓рдо рд╣реИрдВ рдЬрд┐рдирдореЗрдВ рд╕реЗ рдкреНрд░рддреНрдпреЗрдХ рдХреЛ 1fr рдкрд░ рд╕реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рддреЛ рд╡реЗ рд╕реНрдерд╛рди рдХреЛ рд╕рдорд╛рди рд░реВрдк рд╕реЗ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рддреЗ рд╣реИрдВред
Q: рдХреНрдпрд╛ рдореИрдВ рдЧреНрд░рд┐рдб рдХреЛ рдЧреНрд░рд┐рдб рдХреЗ рдЕрдВрджрд░ рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдБ?
рдХреНрдпрд╛ рдореИрдВ рдЧреНрд░рд┐рдб рдХреЛ рдЧреНрд░рд┐рдб рдХреЗ рдЕрдВрджрд░ рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдБ? рд╣рд╛рдВ, рдЧреНрд░рд┐рдб рдЖрдЗрдЯрдо рд╕реНрд╡рдпрдВ рдЧреНрд░рд┐рдб рдХрдВрдЯреЗрдирд░ рдмрди рд╕рдХрддреЗ рд╣реИрдВред рдПрдХ рдореБрдЦреНрдп рдкреГрд╖реНрда рдЧреНрд░рд┐рдб рдмрдирд╛рдПрдВ, рдлрд┐рд░ рд╕рд╛рдЗрдбрдмрд╛рд░ рдпрд╛ рд╕рд╛рдордЧреНрд░реА рдХреНрд╖реЗрддреНрд░ рдЬреИрд╕реЗ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдЕрдиреБрднрд╛рдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдиреЗрд╕реНрдЯреЗрдб рдЧреНрд░рд┐рдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред