Using Clean grids , my site did not respond properly, so I tried to copy and paste the default sensitive grid code into my file, and it still does not function properly.
This is the default code indicated on their website:
<div class="pure-g"> <div class="pure-u-1 pure-u-md-1-3"> ... </div> <div class="pure-u-1 pure-u-md-1-3"> ... </div> <div class="pure-u-1 pure-u-md-1-3"> ... </div> </div>
My complete code can be found here. W , looking at the following code in a browser, the three sets of points look as if they were stacked on top of each other or with 100% column width. Removing "pure -y-1" from each list of classes shows them as if the points were very small and stacked on top of each other, literally (not stacked like blocks, since you can only see one set of points).
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>B&W Vending</title> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"> </head> <body> <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-3"> ... </div> <div class="pure-u-1 pure-u-md-1-3"> ... </div> <div class="pure-u-1 pure-u-md-1-3"> ... </div> </div> </body> </html>
source share