MP Grid (Copy 9228) (Copy 9230)
✨ Jabont
<style> body{ font-family:sans-serif; margin:0; } .wrapper { background:pink; display: grid; grid-template-columns:repeat(3,1fr); grid-gap:.5rem; } .wrapper div{ background:yellow; padding:1em; box-shadow:0px 0px 15px red inset; } .One{ grid-column:1/4; } .Nine{ grid-column:2/3; grid-row:4/6; } </style> <div class="wrapper"> <div class="One"> One </div> <div class="Two"> Two </div> <div class="Three"> Three </div> <div class="Four"> Four </div> <div class="Five"> Five </div> <div class="Six"> Six </div> <div class="Seven"> Seven </div> <div class="Eight"> Eight </div> <div class="Nine"> Nine </div> <div class="Ten"> Ten </div> <div class="Eleven"> Eleven </div> <div class="Twelve"> Twelve </div> </div>