Fixed column width + fluid one

[cmnstmntmn]

what would be the correct aproach in order to get the following fluid markup, over the main layout ?

[ aside (containing ad) 300px ] [ fluid (rest of the space) ]

[simonsmith]

One route might be to implement your own fixed utilty:

.u-size3of12Fixed {
  width: 300px;
}

And then apply sizeFill on the content area:

<div class="Container">
  <div class="Grid Grid--withGutter">
    <div class="Grid-cell u-size3of12Fixed" style="background: red">fixed</div>
    <div class="Grid-cell u-sizeFill" style="background: green">Fluid</div>
  </div>
</div>

http://codepen.io/simonsmith/pen/zqWNxj

[cmnstmntmn]

great (;

-----Original Message-----
From: "Simon Smith" notifications@github.com
Sent: ‎4/‎13/‎2016 7:06 PM
To: "suitcss/components-grid" components-grid@noreply.github.com
Cc: "Constantin Angheloiu" constantin.angheloiu@gmail.com
Subject: Re: [suitcss/components-grid] Fixed column width + fluid one (#42)

One route might be to implement your own fixed utilty:
.u-size3of12Fixed {
width: 300px;
}And then apply sizeFill on the content area:

fixed

<div class="Grid-cell u-sizeFill" style="background: green">Fluid</div>

http://codepen.io/simonsmith/pen/zqWNxj — You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub