Answer: How to achieve 2 equal columns on desktop and 1 column on mobile with css grid

answer re: How to achieve 2 equal columns on desktop and 1 column on mobile with css grid

Sep 5 '20

1

if you are go to full page it will give you two column..

check it.. maybe you are looking for this ..

.container{
 display: grid;
 grid-gap:20px;
 grid-template-columns: repeat(auto-fit, minmax(500px , 1fr)); 

}

<div class="container">
    <div class="child">It is a long established fact that a reader will be distracted

…

Open Full Answer