grid-template-areas మరియు ప్రతిస్పందించే గ్రిడ్‌లు ఎలా పనిచేస్తాయి?

grid-template-areas ప్రాంతాలకు పేరు పెట్టడం ద్వారా గ్రిడ్‌ను దృశ్యపరంగా ఆకృతీకరించడానికి మిమ్మల్ని అనుమతిస్తుంది, సంక్లిష్ట పేజీ లేআউట్‌లను చదవదగ్గవిగా మరియు ప్రతిస్పందనశీలంగా పునర్వ్యవస్థ చేయడానికి సులభం చేస్తుంది.

పేరు పెట్టిన ప్రాంతాలను నిర్వచించండి

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

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