CODEWITHSUNDEEP
htmlcssyui-pure-css
Don Smythe
Don Smythe

Reputation: 9814

Pure.CSS collapse responsive grid column to button, and fix maximum possible width

Using Pure.css and Pure's grids-responsive.css is there a way to collapse a grid column to a button once it becomes smaller than a certain width?

<div class="pure-g">
    <div class="l-box pure-u-1-3 pure-u-md-1-4 pure-u-lg-1-6">
        <h2>Info area, collapse when screen very narrow, constrain when screen wide</h2>
    </div>
    <div class="l-box pure-u-2-3 pure-u-md-3-4 pure-u-lg-5-6">
        <h2>Main area, greedy</h2>

Also is there a way to keep the column (eg left column above) responsive to screen width but constrain to a fixed maximum width once the screen is very wide?

Upvotes: 0

Views: 281

Answers (0)

Related Questions