<div class="container">
                        <div class="row">
                            <div class="col-mobile-12 col-tablet-6 col-desktop-4">
                                <h1>Check It Out</h1>
                            </div>

                            <div class="col-mobile-12 col-tablet-6 col-desktop-4">
                                <h1>Check It Out</h1>
                            </div>

                            <div class="col-mobile-12 col-tablet-6 col-desktop-4">
                                <h1>Check It Out</h1>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-mobile-12 hidden-mobile">
                                <h1>You can't see this on mobile</h1>
                            </div>

                            <div class="col-mobile-12 hidden-tablet">
                                <h1>You can't see this on tablet</h1>
                            </div>

                            <div class="col-mobile-12 hidden-desktop">
                                <h1>You can't see this on desktop</h1>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-mobile-12 visible-mobile">
                                <h1>You can only see this on mobile</h1>
                            </div>

                            <div class="col-mobile-12 visible-tablet">
                                <h1>You can only see this on tablet</h1>
                            </div>

                            <div class="col-mobile-12 visible-desktop">
                                <h1>You can only see this on desktop</h1>
                            </div>
                        </div>
                    </div>