html - Is it possible to split a grid item to allow different spans? -
feel free edit title since i'm not sure how phrase question:
i have article , aside (sidebar) element - easy, except title , sub-heading of article need span entire row. if take title/sub-heading out of article, article element no longer semantically complete.
is there way, using css grid, have format below, title, sub , content part of "article" element, , "aside" second in 2 column grid?
from research far, seems not possible.
you can achieve floating cells, long article doesn't float - https://jsfiddle.net/yxbckzcq/1/
<div class="wrapper"> <article> <div style="float:left;width:100%" class="one">one</div> <div style="float:left;width:100%" class="two">two</div> <div style="float:left;width:70%" class="three">three</div> </article> <div style="float:left;width:30%" class="four">four</div> </div>
Comments
Post a Comment