Grid columns

two column experiment

by whitedragon101

HTML

<html>
    <body>
            
                
                
                <div class="profile_container">
                    <div class="profile_box">
             
                    </div>
                    <div class="profile_box">
                        
                    </div>
                </div>        
                
            
           
    </body>
</html>

CSS

body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.profile_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-rows: auto;
    grid-gap: 40px;
    width: 100%;
    background-color: #ff0000;
    margin: 0px;
    padding: 0px;
}

.profile_box {
    background-color: #00ff00;
    height: 100px;
}