title: Using "CSS-Grid", how do you deal with side margins without using Margin: auto;?
body: <p>I am currently working on a small project in which I need to create a responsive <strong>"CSS - GRID"</strong> layout for the mobile version of the project.</p>
  
  <p>I noticed that apart from <strong>margin: auto;</strong> the only way to create borders is using 1fr units with a middle column of 20 or more FR. </p>
  
  <p>Example: grid-template-columns: <strong>1fr 20fr 1fr;</strong> (This method makes the borders automatically disappear on the mobile devices).</p>
  
  <p>I need to know, is there any better alternative way of doing this?</p>