Я использую документацию по адресу http://purecss.io/grids/ и в основном копирую код примера для создания сетка третей
<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>
Однако он просто не отображается, как объясняется в документации - в виде 3 столбцов равных третей: http://jsfiddle.net/a7rnzn5f/1/
Что я не понимаю?
Скорее всего, у вас нет ссылки на отзывчивую часть сетки purecss.
Из предоставленной вами ссылки:
Поскольку медиа-запросы не могут быть перезаписаны, мы не включаем систему сеток как часть pure.css. Вам придется вытащить его как отдельный файл CSS. Вы можете сделать это, добавив следующий тег на свою страницу.
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->
Добавьте это, и вы должны быть готовы к работе!
EDIT: Извините, я не заметил вашей скрипки. Похоже, вы сделали только обратное. Не похоже, что вы включаете базовую ссылку на purecss. Я обновил вашу скрипту ссылкой ниже, и, похоже, она работает.
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
