Nice browser. Is it antique?
No, seriously - your browser is so old that some features of patternplate don't work as expected.
Don't worry - you can either continue with a restricted version or install an up-to-date browser.
We messed up.
Sorry, but your user experience might be affected.
- Try reloading the page
- Report the problem at github.com/patternplate/patternplate

Thread grid@1.0.0

<div class="c-grid">
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
    <div class="c-thread-card">
        <div class="c-thread-card__image">
            <img src="https://source.unsplash.com/random/344x208" />
        </div>
        <div class="c-thread-card__bottom">
            <p class="c-thread-card__bottom-title">Dickens, the early years</p>
            <div class="c-thread-card__bottom-button">
                <button class="c-button-flat--dark">
                    Preview
                </button>
            </div>
            <div class="c-thread-card__bottom-radio">
                <div class="c-radio-container">
                    <div class="c-radio">
                        <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
                        <div class="c-radio__background">
                            <div class="c-radio__outer-circle"></div>
                            <div class="c-radio__inner-circle"></div>
                        </div>
                    </div>
                    <label for="radio-1" class="c-radio__label"></label>
                </div>
            </div>
        </div>
    </div>
</div>