tentcss icon indicating copy to clipboard operation
tentcss copied to clipboard

Published 20 hours ago • verified publisher icon sitetent

is there gap between grid__column

Open tablecell opened this issue 3 years ago • 0 comments 

 
<!doctype html><html><head><meta charset='utf-8' />
<link rel="stylesheet"  href="tent.css" />

<style>
body{background:azure}

</style>

</head><body><div class="container" >

 
<div class="grid"  style="background:#fff;margin-top:8px;"  >
    <div class="grid__column grid__column--8   ">main </div>
    <div class="grid__column grid__column--4   " >aside </div>
</div>



<div class="grid"  style="background:#fff;margin-top:8px;" >
    <div class="grid__column grid__column--8  ">main </div>
    
    <div class="grid__column grid__column--3 "  style="margin-left:1em" >aside </div>
</div>


<div class="grid"  style="background:#fff;margin-top:8px;" >
    <div class="grid   grid--justify-start"> 
          <div class="grid__column grid__column--4   ">main </div>
     </div>
    
    <div class="grid grid--justify-end"    > 
        <div class="grid__column grid__column--4   " >aside </div>
     </div>
</div>



</div></body></html>

tablecell avatar Oct 18 '21 08:10 tablecell