Grid-template-areas ਅਤੇ responsive grids ਕਿਵੇਂ ਕਾਮ ਕਰਦੇ ਹਨ?

grid-template-areas ਤੁਹਾਨੂੰ ਇੱਕ grid ਨੂੰ ਦਿੱਖ ਵਿੱਚ ਖੇਤਰਾਂ ਦਾ ਨਾਮ ਦੇ ਕੇ ਲੇ ਆউਟ ਕਰਨ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਗੁੰਝਲਦਾਰ ਪੰਨੇ ਦੇ ਲੇ ਆਉਟ ਪੜ੍ਹਨ ਯੋਗ ਅਤੇ ਰੈਸਪੌਂਸਿਵ ਤਰੀਕੇ ਨਾਲ ਮੁੜ ਵਿਵਸਥਿਤ ਕਰਨ ਵਿੱਚ ਆਸਾਨ ਹੋ ਜਾਂਦੇ ਹਨ।

ਨਾਮਕ ਖੇਤਰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ

 {
  : grid;
  :  fr;
  : auto fr auto;
  :
       
         
    ;  
  : ;
}

  { : header; }   
 { : sidebar; }
    { : main; }
  { : footer; }