Questions tagged [yui-pure-css]

Pure is a set of reusable CSS modules created by the YUI team.

The Pure.css framework is an advanced responsive, mobile-first, HTML5, base-theme developed at Yahoo.

Documentation :

112 questions

votes

1 answer

Looking for right jQuery selector in a pure menu with yui

As the title says, my jQuery selector seems to be wrong... This is my menu.php that is included in the index.php:

javascript php jquery css yui-pure-css
asked Sep 20 '14 at 11:46
denisj07

5

3

votes

3 answers

Pure css input group border issue

I'm using PureCSS and have a form that looks like:

<div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 30 '14 at 17:16">asked Jun 30 '14 at 17:16</time>
    <a href="../../users/1553293/muhambi" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1553293.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Muhambi" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1553293/muhambi" class="s-user-card--link">Muhambi</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,472</li>
            <li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li>
            <li class="s-award-bling s-award-bling__silver" title="31 silver badges">31</li>
            <li class="s-award-bling s-award-bling__bronze" title="55 bronze badges">55</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-24205703">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/24205703/adding-textarea-in-form-makes-it-loose-responsive-property-in-yahoo-purecss" class="question-hyperlink">Adding textarea in form makes it loose responsive property in yahoo purecss</a></h3>
        <div class="excerpt">I was designing an simple form and I noticed That after adding rows and columns in textarea the form no longer show its responsive property.
After removing the cols="80" rows="10" from textarea I noticed that the form remains responsive until the…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 13 '14 at 12:47">asked Jun 13 '14 at 12:47</time>
    <a href="../../users/3623892/shub" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3623892.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Shub" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3623892/shub" class="s-user-card--link">Shub</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,686</li>
            
            <li class="s-award-bling s-award-bling__silver" title="17 silver badges">17</li>
            <li class="s-award-bling s-award-bling__bronze" title="26 bronze badges">26</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-24129653">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/24129653/jade-template-does-not-render-ie-conditionals-properly-pure-css" class="question-hyperlink">Jade template does not render IE conditionals properly (Pure CSS)</a></h3>
        <div class="excerpt">I am implementing the Pure CSS framework. 
in my html head:


link(rel="stylesheet",…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/pug" class="post-tag grid--cell" title="show questions tagged 'pug'" rel="tag">pug</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 09 '14 at 21:50">asked Jun 09 '14 at 21:50</time>
    <a href="../../users/486503/nightowl" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/486503.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="NightOwl" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/486503/nightowl" class="s-user-card--link">NightOwl</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,069</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="13 silver badges">13</li>
            <li class="s-award-bling s-award-bling__bronze" title="23 bronze badges">23</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-24037297">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/24037297/onclick-event-working-and-not-working-on-the-same-code" class="question-hyperlink">Onclick event working and not working on the same code</a></h3>
        <div class="excerpt">I have this page where I have a menu (using Pure) and I have some links taht when clicked run a javascript to change a picture on the page. For some reason, when the code is inside the Pure menu, it does not run. When it is outside the menu it runs…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 04 '14 at 12:20">asked Jun 04 '14 at 12:20</time>
    <a href="../../users/3706962/user3706962" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3706962.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user3706962" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3706962/user3706962" class="s-user-card--link">user3706962</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-24020216">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/24020216/pure-css-yui-horizontal-menu-target-blank-doesn-t-open-new-window-or-tab" class="question-hyperlink">Pure-CSS / YUI - horizontal menu, target = _blank doesn't open new window or tab</a></h3>
        <div class="excerpt">Using YUI and Pure-CSS, I've created a horizontal nav menu. One link ("Messenger") has to open a new window or tab (target = "_blank") but the Javascript is ignoring that and opening the link in the current window.
The HTML/CSS is:
<div…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/target" class="post-tag grid--cell" title="show questions tagged 'target'" rel="tag">target</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 03 '14 at 16:24">asked Jun 03 '14 at 16:24</time>
    <a href="../../users/3703665/hornbuckle" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3703665.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Hornbuckle" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3703665/hornbuckle" class="s-user-card--link">Hornbuckle</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-23630946">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/23630946/align-label-vertically" class="question-hyperlink">Align label vertically</a></h3>
        <div class="excerpt">I have to center vertically a label with a textbox. This is the fiddle http://jsfiddle.net/TAavK/ . The label is in the top of the input, but I want to put this in the center of this. How can I do?
    <form class="pure-form pure-form-aligned">
    …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked May 13 '14 at 12:12">asked May 13 '14 at 12:12</time>
    <a href="../../users/2836717/jose-persichini" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2836717.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="José Persichini" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2836717/jose-persichini" class="s-user-card--link">José Persichini</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">73</li>
            
            <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-23554164">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/23554164/responsive-columns-in-safari" class="question-hyperlink">Responsive columns in Safari</a></h3>
        <div class="excerpt">I created a site using Pure.css. It seems to work fine on everything I want it to, except Safari (on my friends MBPr to be exact)
On every browser I test it on, I get this:
http://www.coflash.com/stuff/whatiget.jpg
When he tests it on Safar on his…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/safari" class="post-tag grid--cell" title="show questions tagged 'safari'" rel="tag">safari</a> 
                
                <a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a> 
                
                <a href="../../questions/tagged/retina-display" class="post-tag grid--cell" title="show questions tagged 'retina-display'" rel="tag">retina-display</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked May 08 '14 at 23:15">asked May 08 '14 at 23:15</time>
    <a href="../../users/1519360/phill" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1519360.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Phill" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1519360/phill" class="s-user-card--link">Phill</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">546</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="5 silver badge">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="16 bronze badge">16</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-21594340">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/21594340/create-one-submenu-larger-than-the-others-to-include-form" class="question-hyperlink">create one submenu larger than the others to include form</a></h3>
        <div class="excerpt">i have a verticle nav spry menu, and im trying to have as my last option which is login, a larger (wider and taller) section pop out rather than the smaller ones for the other menu anchors. im not quite sure how to do this would i just create…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 06 '14 at 04:56">asked Feb 06 '14 at 04:56</time>
    <a href="../../users/1770131/erp" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1770131.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="erp" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1770131/erp" class="s-user-card--link">erp</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,950</li>
            <li class="s-award-bling s-award-bling__gold" title="9 gold badges">9</li>
            <li class="s-award-bling s-award-bling__silver" title="45 silver badges">45</li>
            <li class="s-award-bling s-award-bling__bronze" title="90 bronze badges">90</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-21531518">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/21531518/yui-pure-grids-mangle-google-maps-controls" class="question-hyperlink">YUI Pure Grids Mangle Google Maps Controls</a></h3>
        <div class="excerpt">I am using YUI Pure re-sizable grids. One of the elements needs to house a Google map. The map renders fine, markers and such are no problem; the Google Maps controls, on the other hand, are mangled beyond recognition. The buttons for zooming in and…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/google-maps" class="post-tag grid--cell" title="show questions tagged 'google-maps'" rel="tag">google-maps</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 03 '14 at 15:42">asked Feb 03 '14 at 15:42</time>
    <a href="../../users/129674/jereme" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/129674.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jereme" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/129674/jereme" class="s-user-card--link">Jereme</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,445</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="16 silver badge">16</li>
            <li class="s-award-bling s-award-bling__bronze" title="32 bronze badge">32</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-21347008">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/21347008/css-why-does-the-style-tags-need-to-be-included-in-the-html-with-pure-css-fram" class="question-hyperlink">CSS: Why does the style tags need to be included in the html with Pure CSS framework?</a></h3>
        <div class="excerpt">Why do the style tags need to be included in the HTML with Pure CSS framework?  The documentation has it too http://purecss.io/buttons/ I'm looking at the section "Colored buttons with rounded corners: Success Button"
(look in this Codepen  - in…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/yui" class="post-tag grid--cell" title="show questions tagged 'yui'" rel="tag">yui</a> 
                
                <a href="../../questions/tagged/css-frameworks" class="post-tag grid--cell" title="show questions tagged 'css-frameworks'" rel="tag">css-frameworks</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 25 '14 at 05:23">asked Jan 25 '14 at 05:23</time>
    <a href="../../users/2666125/beast-code" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2666125.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Beast_Code" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2666125/beast-code" class="s-user-card--link">Beast_Code</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,097</li>
            <li class="s-award-bling s-award-bling__gold" title="12 gold badges">12</li>
            <li class="s-award-bling s-award-bling__silver" title="43 silver badges">43</li>
            <li class="s-award-bling s-award-bling__bronze" title="54 bronze badges">54</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-18933525">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/18933525/how-to-make-responsive-menu-div-which-scrolls-when-screen-resizes" class="question-hyperlink">how to make responsive menu div which scrolls when screen resizes</a></h3>
        <div class="excerpt">I am using purecss to make a responsive website. In my page I have a HEADER and FOOTER; both of them are fixed and in between them I have CONTENT which has left vertical menu and the right side has some content.
Now what I want to achieve is when…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 21 '13 at 14:05">asked Sep 21 '13 at 14:05</time>
    <a href="../../users/2099799/warcoder" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2099799.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="warcoder" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2099799/warcoder" class="s-user-card--link">warcoder</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">111</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-18930755">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/18930755/difference-between-pure-g-and-pure-g-r" class="question-hyperlink">Difference between pure-g and pure-g-r</a></h3>
        <div class="excerpt">I wanted to ask what is the difference between pure-g and pure-g-r .I used to think that the responsive will make my div not collapse in lower resolutions but using pure-g also helped me achieve the same ,so I was confused as to what is the correct…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 21 '13 at 08:53">asked Sep 21 '13 at 08:53</time>
    <a href="../../users/2099799/warcoder" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2099799.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="warcoder" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2099799/warcoder" class="s-user-card--link">warcoder</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">111</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-18878840">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/18878840/responsive-gridding-what-is-it-and-how-to-achieve-it" class="question-hyperlink">Responsive gridding what is it and how to achieve it</a></h3>
        <div class="excerpt">I just tested few of my webpages in cross browsers testing tool and found out that for lower resolutions all my divs were not coming separately.
Afters googling I found out about responsive griding.
After reading that I wanted to ask that whether…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 18 '13 at 17:41">asked Sep 18 '13 at 17:41</time>
    <a href="../../users/2099799/warcoder" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2099799.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="warcoder" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2099799/warcoder" class="s-user-card--link">warcoder</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">111</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-17779344">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/17779344/pure-css-grids-do-not-float-next-to-each-other" class="question-hyperlink">Pure CSS grids do not float next to each other</a></h3>
        <div class="excerpt">I am trying to build a website using the Pure CSS layout.
Pure CSS
The div's with 1/2 the width do not float next to each other when I try and use the most basic 2 column layout. I can see their width is 50%.
Is this the expected behavior or should…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/css-float" class="post-tag grid--cell" title="show questions tagged 'css-float'" rel="tag">css-float</a> 
                
                <a href="../../questions/tagged/yui-pure-css" class="post-tag grid--cell" title="show questions tagged 'yui-pure-css'" rel="tag">yui-pure-css</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 22 '13 at 03:08">asked Jul 22 '13 at 03:08</time>
    <a href="../../users/1727487/ojhawkins" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1727487.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ojhawkins" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1727487/ojhawkins" class="s-user-card--link">ojhawkins</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,200</li>
            <li class="s-award-bling s-award-bling__gold" title="15 gold badges">15</li>
            <li class="s-award-bling s-award-bling__silver" title="50 silver badges">50</li>
            <li class="s-award-bling s-award-bling__bronze" title="67 bronze badges">67</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>