Div column side by side html css php

<html>
<head>

<style type="text/css">


main{

display: grid;
grid-template-columns: 1fr 1fr 1fr ;

grid-gap: 1em;
}
main>div{

background-color: orange;
height: 100px;
}

main>div:nth-child(odd){

           background-color: black;
}

       .new{


        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;s
       }
</style>

</head>
<body>
<header>


</header>
<main>

<div> lets</div>
<div> Study</div>

<div> okk</div>
<div class="new">


<div> 1dasdasdas</div>
<div> 2weqweqeqw</div>
<div> 3qewqeqwe</div>
<div> 4qewqeqwe</div>



</div>

<div> le</div>
<div> Stu</div>

<div> le</div>
<div> Sty</div>

<div> ls</div>


</main>
<footer>



</footer>



</body>

</html>

Comments

Post a Comment