how to use a blank space with grid template areas css

.container {<br /><br /><br /><br /> display: grid;</p><br /><br /><br /> <p> grid-template-columns: 2fr 2fr 1fr 2fr;<br /><br /><br /><br /> grid-template-rows: 100px 200px 100px;</p><br /><br /><br /> <p> grid-template-areas:<br /><br /><br /><br /> “head head . side”<br /><br /><br /><br /> “main main . side”<br /><br /><br /><br /> “footer footer footer footer”;<br /><br /><br /><br /> }