Answers for "how to make an grid with auto columns and auto rows"

2

grid auto columns

grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
Posted by: Guest on September-15-2020
0

grid defined rows auto cololumns

#container {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr; //3 rows
  grid-auto-flow: column;
}

<div id="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
</div>
Posted by: Guest on June-25-2021

Browse Popular Code Answers by Language