JSFiddle - React, Tailwind, and code Playground

by आर्थर

HTML

<!-- Старт страницы */2/p/blog-page_8702.html-->

До уваги читачів пропонується цикл статей, які розкривають азбуку господарювання на винограднику.<br />
<div class="grav">
Останнє редагування:
    <time>10.05.2015 р.</time>
</div>

 <br />
<h2 id="" style="text-align: right;">Агротехніка</h2>
<hr />
<ul class="kolonka">
<li><a href="http://nechipuruk.blogspot.com/2013/08/blog-post_2.html" target="_blank">Як я саджу саджанець</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/10/blog-post_22.html" target="_blank">Катаровка винограду</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/11/blog-post.html" target="_blank">Полив винограду. Про те, як правильно поливати виноград</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/11/normal-0-false-false-false-ru-x-none-x.html" target="_blank">Фенологічний календар робіт на винограднику</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/11/blog-post_19.html" target="_blank">Вкриття винограду на зиму. Способи вкриття</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/11/blog-post_25.html" target="_blank">Річний цикл розвитку виноградного куща</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2013/12/blog-post_21.html" target="_blank">Словник виноградаря</a>.</li>
<li>Формування</li>
<ul>
<li><a href="http://nechipuruk.blogspot.com/2014/01/blog-post.html" target="_blank">Чотирьохрукавне безштамбове віялове</a>.</li>
</ul>
<li>Обрізка винограду</li>
<ol>
<li><a href="http://nechipuruk.blogspot.com/2013/11/blog-post_26.html" target="_blank">Обрізка винограду. Що? Як?</a>

        </li>
<li><a href="http://nechipuruk.blogspot.com/2014/01/blog-post_9.html" target="_blank">Основні вимоги і правила при обрізуванні виноградного куща</a>.</li>
</ol>
<li><a href="http://nechipuruk.blogspot.com/2015/07/blog-post_28.html" target="_blank">Підживлення винограду по фазах вегетації. Основні правила</a>.</li>
<li><a href="http://nechipuruk.blogspot.com/2015/07/blog-post_17.html"...

CSS

.kolonka {
        columns: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        font-size: 90%;
        column-gap: 2em;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
    }
    @media (max-width: 500px) {
        .kolonka {
            column-count: 1;
            -moz-column-count: 1;
            -webkit-column-count: 1;
        }
    }
    .grav {
        color: #666666;
        font-family: verdana;
        font-size:10px;
        text-shadow: 0px 1px 0px #E5E5EE;
    }