<nav class="navigation">
    {% for item in site.data.navigation %}
        <a class="navigation__link" href="{{ item.link }}">
        {{ item.name }}
    {% endfor %}
    </a>
</nav>
<header class="header">
    <div class="container">
        <div class="pure-g">
            <h1 class="header__title pure-u-1 pure-u-md-3-4">{{ site.author }}</h1>
        </div>
        <div class="pure-g">
            <div class="pure-u-1 pure-u-md-1-3">
                <div class="card">
                    {% include card-icon-primary.html %}
                    {% include card-icon-primary.html %}
                    {% include card-icon-github.html %}
                    <span class="pull-right hidden-md">
                        {% include card-icon-rss.html %}
                        {% include card-icon-linkedin.html %}
                    </span>
                    <p class="card__text">{{ site.description }}</p>
                </div>
            </div>
            <div class="pure-u-1 pure-u-md-1-3 visible-md">
                <div class="card card--right">
                    {% include card-icon-linkedin.html %}
                    {% include card-icon-rss.html %}
                </div>
            </div>
        </div>
    </div>
</header>

<nav class="navigation">
    {% for item in site.data.navigation %}
        <a class="navigation__link" href="{{ item.link }}">
        {{ item.name }}
    {% endfor %}
    </a>
</nav>
<header class="header">
    <div class="container">
        <div class="pure-g">
            <h1 class="header__title pure-u-1 pure-u-md-3-4">{{ site.author }}</h1>
        </div>
        <div class="pure-g">
            <div class="pure-u-1 pure-u-md-1-3">
                <div class="card">
                    {% include card-icon-primary.html %}
                    {% include card-icon-primary.html %}
                    {% include card-icon-github.html %}
                    <span class="pull-right hidden-md">
                        {% include card-icon-linkedin.html %}
                        {% include card-icon-rss.html %}
                    </span>
                    <p class="card__text">{{ site.description }}</p>
                </div>
            </div>
            <div class="pure-u-1 pure-u-md-1-3 visible-md">
                <div class="card card--right">
                    {% include card-icon-linkedin.html %}
                    {% include card-icon-rss.html %}
                </div>
            </div>
        </div>
    </div>
</header>

Fix rss icon ordering on small devices
[Home] Fix rss icon ordering on small devices
