<div class="component content grid col-xs-12">
    <div class="component-content" id="Home">
        <div class="grid__inner">
            <div class="grid__content">
                <div class="grid__item grid__item--main">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="Say the Word with Pioneer DJ">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/djm_s11_community_video_main_card_667x466.png');"><span class="screenReader">Say the Word with Pioneer DJ</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">Remix challenge</h2>
                                <div class="gridCard__tagline field-promotext">with Pioneer DJ mixers</div>
                            </div><a href="/en/news/2021/say-the-word-with-pioneer-dj/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("Say the Word with Pioneer DJ");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 1 Main',
                                    'dlElement': '',
                                    'dlLabel': 'en - Say the Word with Pioneer DJ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--medium grid__item--medium-1">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="Artist masterclass Roger Sanchez Part2">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/landing/artist-masterclasses/roger-sanchez-part-2/pdjam-pdj-442x308.jpg');"><span class="screenReader">Artist masterclass Roger Sanchez Part2</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2"></h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/landing/artist-masterclass/roger-sanchez-part-2/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("Artist masterclass Roger Sanchez Part2");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 2 Medium',
                                    'dlElement': '',
                                    'dlLabel': 'en - Artist Masterclass Roger Sanchez Part 2',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--small grid__item--small-1">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="CDJ-3000 Firmware">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/cdj-3000-firmware-217x150a.jpg');"><span class="screenReader">CDJ-3000 Firmware</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Firmware update</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/news/2021/cdj-3000-firmware-ver-108-update/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("CDJ-3000 Firmware");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 3 Small',
                                    'dlElement': 'CDJ-3000 Firmware',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--small grid__item--small-2">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DJM-V10 landing page">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/landing/djm-v10/djm-v10-grid.jpg');"><span class="screenReader">DJM-V10 landing page</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">DJM-V10</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/landing/djm-v10-6-channel-professional-dj-mixer/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DJM-V10 landing page");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 4 Small',
                                    'dlElement': 'DJM-V10 landing page',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--wide">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="Artist sound pack Yotto">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/artist-sound-pack-yotto-667x308.jpg');"><span class="screenReader">Artist sound pack Yotto</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2"></h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/landing/toraiz/in-action/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("Artist sound pack Yotto");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 5 Wide',
                                    'dlElement': 'Artist sound pack Yotto',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--medium grid__item--medium-2">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DJ EZ performance">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/dj_ez_keyvisual_a_442x308_v01.jpg');"><span class="screenReader">DJ EZ performance</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Performance video</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/news/2021/watch-dj-ez-perform-an-exclusive-set-on-the-cdj-3000/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DJ EZ performance");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 6 Medium',
                                    'dlElement': '',
                                    'dlLabel': 'en - DJ EZ performance',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DJ EZ performance">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/dj_ez_keyvisual_a_442x308_v01.jpg');"><span class="screenReader">DJ EZ performance</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Performance video</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/news/2021/watch-dj-ez-perform-an-exclusive-set-on-the-cdj-3000"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DJ EZ performance");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 6 Medium',
                                    'dlElement': '',
                                    'dlLabel': 'en - DJ EZ performance',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--high">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="MacOS BigSur">
                            <span class="gridCard__symbol"><span class="symbol field-promotext2"><svg class="symbol symbol--download" viewBox="0 0 31 36" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <path d="M11.072.098V16.54H6.638l8.869 11.74 8.855-11.74h-4.434V.098h-8.856zm15.507 23.48v7.039H4.434v-7.039H0v11.74h31v-11.74h-4.42z" fill="currentColor"></path>
                                    </svg></span></span>
                            <div class="gridCard__content"><span class="gridCard__meta field-promotext3">04 February, 2021</span>
                                <h2 class="gridCard__title  field-promotext">Update: macOS Big Sur compatibility</h2>
                            </div><a href="/en/landing/support-for-macos-big-sur/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("MacOS BigSur");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 9 High',
                                    'dlElement': '',
                                    'dlLabel': 'en - MacOS BigSur',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--medium grid__item--medium-3">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DDJ-200 and WeDJ Tutorials">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/ddj-200-tutorials-main-667x466.jpg');"><span class="screenReader">DDJ-200 and WeDJ Tutorials</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">DDJ-200 &amp; WeDJ Tutorials</h2>
                                <div class="gridCard__tagline field-promotext">Develop your DJ skills</div>
                            </div><a href="/en/landing/smart-dj-controller-ddj-200/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DDJ-200 and WeDJ Tutorials");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 1 Main',
                                    'dlElement': 'ddj-200 wedj tutorials',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--small grid__item--small-3">
                    <div class="component content gridCard col-xs-12">
                        <div class="component-content" id="Survey DDJ-200">
                            <span class="gridCard__symbol"></span>
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/news/2019/ddj-200/survey_217_150_6.jpg');"><span class="screenReader">Survey DDJ-200</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title field-title">Share your feedback on the DDJ-200</h2>
                                <div class="gridCard__tagline field-short-description">Do you own a DDJ-200? Give us your feedback via the link below to receive free audio samples.</div>
                            </div><a title="Survey DDJ-200" href="/en/news/2019/survey-ddj-200/"><span></span></a>
                        </div>

                    </div>

                    <!-- GRID EVENT TRACKING-->

                    <script>
                        var x = document.getElementById("Survey DDJ-200");
                        if (x != null) {
                            x.onclick = function(e) {
                                dataLayer.push({
                                    'event': '',
                                    'dlCategory': '',
                                    'dlAction': '',
                                    'dlElement': '',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                                e.stopPropagation();
                            };
                        }
                    </script>

                </div>
                <div class="grid__item grid__item--small grid__item--small-4">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="rekordbox for Android">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/rekordbox-for-android.jpg');"><span class="screenReader">rekordbox for Android</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2"></h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="https://play.google.com/store/apps/details?id=com.pioneerdj.rekordbox" rel="noopener noreferrer" target="_blank"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("rekordbox for Android");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 7 Small',
                                    'dlElement': '',
                                    'dlLabel': 'en - rekordbox for Android',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--small grid__item--small-5">
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DJM-S11">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/products/dj-mixers/djm-s11-small-card-217x150.jpg');"><span class="screenReader">DJM-S11</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">DJM-S11</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/product/mixer/djm-s11/black/overview/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DJM-S11");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 8 Small',
                                    'dlElement': 'DJM-S11',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                    <div class="component promo gridCard col-xs-12">
                        <div class="component-content" id="DJM-S11">
                            <div>
                                <div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/products/dj-mixers/djm-s11-small-card-217x150.jpg');"><span class="screenReader">DJM-S11</span></div>
                            </div>
                            <div class="gridCard__content">
                                <h2 class="gridCard__title brands__title  field-promotext2">DJM-S11</h2>
                                <div class="gridCard__tagline field-promotext"></div>
                            </div><a href="/en/product/mixer/djm-s11/black/overview"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("DJM-S11");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 8 Small',
                                    'dlElement': 'DJM-S11',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
                <div class="grid__item grid__item--small grid__item--small-6">
                    <div class="component promo gridCard col-xs-12 gridCard--dark">
                        <div class="component-content" id="Find Support">
                            <span class="gridCard__symbol"><span class="symbol field-promotext2"><svg class="symbol symbol--bubble" viewBox="0 0 47 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <path d="M41.405 48c-.167-.208-.33-.419-.503-.623-2.663-3.155-5.328-6.309-7.992-9.463-1.442-1.706-2.884-3.413-4.324-5.12-.068-.081-.135-.122-.249-.122-9.403.003-18.806.003-28.21.003L0 32.677V0h47v32.677l-.042-.002h-6.234c-.04 0-.082.005-.122.008v.096c.041.789.081 1.577.124 2.366.029.544.06 1.089.091 1.633.044.793.09 1.586.133 2.38l.123 2.253.133 2.407.096 1.732.132 2.45h-.029zM2.79 2.771v27.132h.216c8.864 0 17.729 0 26.594-.003a.35.35 0 0 1 .3.138c2.734 3.243 5.472 6.484 8.21 9.725.02.025.048.045.087.082l-.549-9.949h6.558V2.771H2.79zm20.706 9.249c5.267 0 10.534.001 15.801-.002.613 0 1.074.242 1.343.79.446.906-.224 1.97-1.24 1.977-.605.004-1.21 0-1.816 0-9.962 0-19.924 0-29.885.005-.674 0-1.18-.376-1.382-.872a1.377 1.377 0 0 1 1.264-1.895c1.623-.008 3.246-.003 4.87-.003h11.045zm-.01 5.952c5.267 0 10.534.002 15.801-.003.515 0 .939.167 1.235.59.312.444.351.928.106 1.413-.247.49-.666.739-1.217.767-.043.002-.085 0-.128 0-10.525 0-21.05 0-31.574.002-.502 0-.922-.162-1.219-.569-.323-.444-.37-.93-.128-1.423.24-.487.646-.746 1.194-.775.076-.003.152-.002.228-.002h15.702z" fill="currentColor"></path>
                                    </svg></span></span>
                            <div class="gridCard__content"><span class="gridCard__meta field-promotext3"></span>
                                <h2 class="gridCard__title  field-promotext">Support</h2>
                            </div><a href="/en/support/"><span></span></a>
                        </div>
                    </div>

                    <script>
                        var x = document.getElementById("Find Support");
                        if (x != null) {
                            x.onclick = function() {
                                dataLayer.push({
                                    'event': 'dlHomepageEvent',
                                    'dlCategory': 'Homepage',
                                    'dlAction': 'Card 12 Small ',
                                    'dlElement': 'Support',
                                    'dlLabel': 'en - ',
                                    'dlPosition': '',
                                    'dlURL': ''
                                });
                            };
                        }
                    </script>
                </div>
            </div>
        </div>
    </div>

</div>
<div class="component content grid col-xs-12">
            <div class="component-content" id="Home">
<div class="grid__inner"><div class="grid__content"><div class="grid__item grid__item--main">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="Say the Word with Pioneer DJ">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/djm_s11_community_video_main_card_667x466.png');"><span class="screenReader">Say the Word with Pioneer DJ</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">Remix challenge</h2><div class="gridCard__tagline field-promotext">with Pioneer DJ mixers</div></div><a href="/en/news/2021/say-the-word-with-pioneer-dj/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("Say the Word with Pioneer DJ");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 1 Main', 'dlElement': '', 'dlLabel': 'en - Say the Word with Pioneer DJ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--medium grid__item--medium-1">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="Artist masterclass Roger Sanchez Part2">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/landing/artist-masterclasses/roger-sanchez-part-2/pdjam-pdj-442x308.jpg');"><span class="screenReader">Artist masterclass Roger Sanchez Part2</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2"></h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/landing/artist-masterclass/roger-sanchez-part-2/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("Artist masterclass Roger Sanchez Part2");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 2 Medium', 'dlElement': '', 'dlLabel': 'en - Artist Masterclass Roger Sanchez Part 2', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--small grid__item--small-1">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="CDJ-3000 Firmware">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/cdj-3000-firmware-217x150a.jpg');"><span class="screenReader">CDJ-3000 Firmware</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Firmware update</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/news/2021/cdj-3000-firmware-ver-108-update/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("CDJ-3000 Firmware");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 3 Small', 'dlElement': 'CDJ-3000 Firmware', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--small grid__item--small-2">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DJM-V10 landing page">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/landing/djm-v10/djm-v10-grid.jpg');"><span class="screenReader">DJM-V10 landing page</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">DJM-V10</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/landing/djm-v10-6-channel-professional-dj-mixer/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DJM-V10 landing page");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 4 Small', 'dlElement': 'DJM-V10 landing page', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--wide">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="Artist sound pack Yotto">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/artist-sound-pack-yotto-667x308.jpg');"><span class="screenReader">Artist sound pack Yotto</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2"></h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/landing/toraiz/in-action/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("Artist sound pack Yotto");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 5 Wide', 'dlElement': 'Artist sound pack Yotto', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--medium grid__item--medium-2">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DJ EZ performance">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/dj_ez_keyvisual_a_442x308_v01.jpg');"><span class="screenReader">DJ EZ performance</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Performance video</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/news/2021/watch-dj-ez-perform-an-exclusive-set-on-the-cdj-3000/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DJ EZ performance");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 6 Medium', 'dlElement': '', 'dlLabel': 'en - DJ EZ performance', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DJ EZ performance">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/news/2021/dj_ez_keyvisual_a_442x308_v01.jpg');"><span class="screenReader">DJ EZ performance</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">CDJ-3000 Performance video</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/news/2021/watch-dj-ez-perform-an-exclusive-set-on-the-cdj-3000"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DJ EZ performance");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 6 Medium', 'dlElement': '', 'dlLabel': 'en - DJ EZ performance', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--high">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="MacOS BigSur">
<span class="gridCard__symbol"><span class="symbol field-promotext2"><svg class="symbol symbol--download" viewBox="0 0 31 36" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M11.072.098V16.54H6.638l8.869 11.74 8.855-11.74h-4.434V.098h-8.856zm15.507 23.48v7.039H4.434v-7.039H0v11.74h31v-11.74h-4.42z" fill="currentColor"></path>
</svg></span></span><div class="gridCard__content"><span class="gridCard__meta field-promotext3">04 February, 2021</span><h2 class="gridCard__title  field-promotext">Update: macOS Big Sur compatibility</h2></div><a href="/en/landing/support-for-macos-big-sur/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("MacOS BigSur");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 9 High', 'dlElement': '', 'dlLabel': 'en - MacOS BigSur', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--medium grid__item--medium-3">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DDJ-200 and WeDJ Tutorials">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/ddj-200-tutorials-main-667x466.jpg');"><span class="screenReader">DDJ-200 and WeDJ Tutorials</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">DDJ-200 &amp; WeDJ Tutorials</h2><div class="gridCard__tagline field-promotext">Develop your DJ skills</div></div><a href="/en/landing/smart-dj-controller-ddj-200/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DDJ-200 and WeDJ Tutorials");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 1 Main', 'dlElement': 'ddj-200 wedj tutorials', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--small grid__item--small-3">
<div class="component content gridCard col-xs-12">
            <div class="component-content" id="Survey DDJ-200">
<span class="gridCard__symbol"></span><div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/pioneerdj/images/news/2019/ddj-200/survey_217_150_6.jpg');"><span class="screenReader">Survey DDJ-200</span></div></div><div class="gridCard__content"><h2 class="gridCard__title field-title">Share your feedback on the DDJ-200</h2><div class="gridCard__tagline field-short-description">Do you own a DDJ-200? Give us your feedback via the link below to receive free audio samples.</div></div><a title="Survey DDJ-200" href="/en/news/2019/survey-ddj-200/"><span></span></a>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Survey DDJ-200");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
      e.stopPropagation();
        };
    }
    </script>




</div><div class="grid__item grid__item--small grid__item--small-4">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="rekordbox for Android">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/landing/rekordbox-for-android.jpg');"><span class="screenReader">rekordbox for Android</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2"></h2><div class="gridCard__tagline field-promotext"></div></div><a href="https://play.google.com/store/apps/details?id=com.pioneerdj.rekordbox" rel="noopener noreferrer" target="_blank"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("rekordbox for Android");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 7 Small', 'dlElement': '', 'dlLabel': 'en - rekordbox for Android', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--small grid__item--small-5">    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DJM-S11">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/products/dj-mixers/djm-s11-small-card-217x150.jpg');"><span class="screenReader">DJM-S11</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">DJM-S11</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/product/mixer/djm-s11/black/overview/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DJM-S11");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 8 Small', 'dlElement': 'DJM-S11', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
    <div class="component promo gridCard col-xs-12">
        <div class="component-content" id="DJM-S11">
<div><div class="gridCard__visual" style="background-image: url('https://www.pioneerdj.com/-/media/project/pioneer/pioneerdj/home/grid/products/dj-mixers/djm-s11-small-card-217x150.jpg');"><span class="screenReader">DJM-S11</span></div></div><div class="gridCard__content"><h2 class="gridCard__title brands__title  field-promotext2">DJM-S11</h2><div class="gridCard__tagline field-promotext"></div></div><a href="/en/product/mixer/djm-s11/black/overview"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("DJM-S11");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 8 Small', 'dlElement': 'DJM-S11', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div><div class="grid__item grid__item--small grid__item--small-6">    <div class="component promo gridCard col-xs-12 gridCard--dark">
        <div class="component-content" id="Find Support">
<span class="gridCard__symbol"><span class="symbol field-promotext2"><svg class="symbol symbol--bubble" viewBox="0 0 47 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M41.405 48c-.167-.208-.33-.419-.503-.623-2.663-3.155-5.328-6.309-7.992-9.463-1.442-1.706-2.884-3.413-4.324-5.12-.068-.081-.135-.122-.249-.122-9.403.003-18.806.003-28.21.003L0 32.677V0h47v32.677l-.042-.002h-6.234c-.04 0-.082.005-.122.008v.096c.041.789.081 1.577.124 2.366.029.544.06 1.089.091 1.633.044.793.09 1.586.133 2.38l.123 2.253.133 2.407.096 1.732.132 2.45h-.029zM2.79 2.771v27.132h.216c8.864 0 17.729 0 26.594-.003a.35.35 0 0 1 .3.138c2.734 3.243 5.472 6.484 8.21 9.725.02.025.048.045.087.082l-.549-9.949h6.558V2.771H2.79zm20.706 9.249c5.267 0 10.534.001 15.801-.002.613 0 1.074.242 1.343.79.446.906-.224 1.97-1.24 1.977-.605.004-1.21 0-1.816 0-9.962 0-19.924 0-29.885.005-.674 0-1.18-.376-1.382-.872a1.377 1.377 0 0 1 1.264-1.895c1.623-.008 3.246-.003 4.87-.003h11.045zm-.01 5.952c5.267 0 10.534.002 15.801-.003.515 0 .939.167 1.235.59.312.444.351.928.106 1.413-.247.49-.666.739-1.217.767-.043.002-.085 0-.128 0-10.525 0-21.05 0-31.574.002-.502 0-.922-.162-1.219-.569-.323-.444-.37-.93-.128-1.423.24-.487.646-.746 1.194-.775.076-.003.152-.002.228-.002h15.702z" fill="currentColor"></path></svg></span></span><div class="gridCard__content"><span class="gridCard__meta field-promotext3"></span><h2 class="gridCard__title  field-promotext">Support</h2></div><a href="/en/support/"><span></span></a>        </div>
    </div>

<script>
    var x = document.getElementById("Find Support");
    if (x != null) {
        x.onclick = function () {
            dataLayer.push({ 'event': 'dlHomepageEvent', 'dlCategory': 'Homepage', 'dlAction': 'Card 12 Small ', 'dlElement': 'Support', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
        };
    }
</script>
</div></div></div>                </div>

</div>
/* No context defined. */
  • Content:
    .page--home {
      .grid {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
      }
    
      .grid__inner {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 450%;
    
        @media all and (min-width: 500px) {
          padding-top: 282.93%;
        }
    
        @media all and (min-width: 1024px) {
          padding-top: 70%;
        }
      }
    
      .grid__content {
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-grid;
        display: grid;
        width: 100%;
        height: 100%;
        -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
        grid-template-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: 1fr 8px 1fr;
    
        @media all and (min-width: 500px) {
          -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
          grid-template-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
          -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
          grid-template-columns: 1fr 8px 1fr 8px 1fr;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
          grid-template-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
          -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
          grid-template-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
        }
      }
    
      .grid__item {
        position: relative;
        overflow: hidden;
      }
    
      .grid__item--main {
        display: block;
        -ms-grid-row: 1;
        grid-row-start: 1;
        -ms-grid-row-span: 3;
        grid-row-end: 4;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 1;
          grid-row-start: 1;
          -ms-grid-row-span: 5;
          grid-row-end: 6;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 5;
          grid-column-end: 6;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 1;
          grid-row-start: 1;
          -ms-grid-row-span: 5;
          grid-row-end: 6;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 5;
          grid-column-end: 6;
        }
      }
    
      .grid__item--medium-1 {
        display: block;
        -ms-grid-row: 5;
        grid-row-start: 5;
        -ms-grid-row-span: 3;
        grid-row-end: 8;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 13;
          grid-row-start: 13;
          -ms-grid-row-span: 3;
          grid-row-end: 16;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 3;
          grid-column-end: 4;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 1;
          grid-row-start: 1;
          -ms-grid-row-span: 3;
          grid-row-end: 4;
          -ms-grid-column: 7;
          grid-column-start: 7;
          -ms-grid-column-span: 3;
          grid-column-end: 10;
        }
      }
    
      .grid__item--small-1 {
        display: block;
        -ms-grid-row: 9;
        grid-row-start: 9;
        -ms-grid-row-span: 1;
        grid-row-end: 10;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 13;
          grid-row-start: 13;
          -ms-grid-row-span: 1;
          grid-row-end: 14;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 1;
          grid-row-start: 1;
          -ms-grid-row-span: 1;
          grid-row-end: 2;
          -ms-grid-column: 11;
          grid-column-start: 11;
          -ms-grid-column-span: 1;
          grid-column-end: 12;
        }
      }
    
      .grid__item--small-2 {
        display: block;
        -ms-grid-row: 9;
        grid-row-start: 9;
        -ms-grid-row-span: 1;
        grid-row-end: 10;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4
      }
    
      @media all and (min-width: 500px) {
        .grid__item--small-2 {
          -ms-grid-row: 15;
          grid-row-start: 15;
          -ms-grid-row-span: 1;
          grid-row-end: 16;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6
        }
      }
    
      @media all and (min-width: 1024px) {
        .grid__item--small-2 {
          -ms-grid-row: 3;
          grid-row-start: 3;
          -ms-grid-row-span: 1;
          grid-row-end: 4;
          -ms-grid-column: 11;
          grid-column-start: 11;
          -ms-grid-column-span: 1;
          grid-column-end: 12
        }
      }
    
      .grid__item--wide {
        display: block;
        -ms-grid-row: 11;
        grid-row-start: 11;
        -ms-grid-row-span: 3;
        grid-row-end: 14;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
      }
    
      @media all and (min-width: 500px) {
        .grid__item--wide {
          -ms-grid-row: 17;
          grid-row-start: 17;
          -ms-grid-row-span: 3;
          grid-row-end: 20;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 5;
          grid-column-end: 6
        }
      }
    
      @media all and (min-width: 1024px) {
        .grid__item--wide {
          -ms-grid-row: 5;
          grid-row-start: 5;
          -ms-grid-row-span: 3;
          grid-row-end: 8;
          -ms-grid-column: 7;
          grid-column-start: 7;
          -ms-grid-column-span: 5;
          grid-column-end: 12;
        }
      }
    
      .grid__item--medium-2 {
        display: block;
        -ms-grid-row: 15;
        grid-row-start: 15;
        -ms-grid-row-span: 3;
        grid-row-end: 18;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 7;
          grid-row-start: 7;
          -ms-grid-row-span: 3;
          grid-row-end: 10;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 3;
          grid-column-end: 4;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 7;
          grid-row-start: 7;
          -ms-grid-row-span: 3;
          grid-row-end: 10;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 3;
          grid-column-end: 4;
        }
      }
    
      .grid__item--high {
        display: block;
        -ms-grid-row: 21;
        grid-row-start: 21;
        -ms-grid-row-span: 1;
        grid-row-end: 22;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 7;
          grid-row-start: 7;
          -ms-grid-row-span: 5;
          grid-row-end: 12;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 7;
          grid-row-start: 7;
          -ms-grid-row-span: 5;
          grid-row-end: 12;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6;
        }
      }
    
      .grid__item--medium-3 {
        display: block;
        -ms-grid-row: 23;
        grid-row-start: 23;
        -ms-grid-row-span: 3;
        grid-row-end: 26;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 21;
          grid-row-start: 21;
          -ms-grid-row-span: 3;
          grid-row-end: 24;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 3;
          grid-column-end: 4;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 9;
          grid-row-start: 9;
          -ms-grid-row-span: 3;
          grid-row-end: 12;
          -ms-grid-column: 7;
          grid-column-start: 7;
          -ms-grid-column-span: 3;
          grid-column-end: 10;
        }
      }
    
      .grid__item--small-3 {
        display: block;
        -ms-grid-row: 27;
        grid-row-start: 27;
        -ms-grid-row-span: 1;
        grid-row-end: 28;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 21;
          grid-row-start: 21;
          -ms-grid-row-span: 1;
          grid-row-end: 22;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 9;
          grid-row-start: 9;
          -ms-grid-row-span: 1;
          grid-row-end: 10;
          -ms-grid-column: 11;
          grid-column-start: 11;
          -ms-grid-column-span: 1;
          grid-column-end: 12;
        }
      }
    
      .grid__item--small-4 {
        display: block;
        -ms-grid-row: 19;
        grid-row-start: 19;
        -ms-grid-row-span: 1;
        grid-row-end: 20;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 11;
          grid-row-start: 11;
          -ms-grid-row-span: 1;
          grid-row-end: 12;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 1;
          grid-column-end: 2;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 11;
          grid-row-start: 11;
          -ms-grid-row-span: 1;
          grid-row-end: 12;
          -ms-grid-column: 1;
          grid-column-start: 1;
          -ms-grid-column-span: 1;
          grid-column-end: 2;
        }
      }
    
      .grid__item--small-5 {
        display: block;
        -ms-grid-row: 19;
        grid-row-start: 19;
        -ms-grid-row-span: 1;
        grid-row-end: 20;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 11;
          grid-row-start: 11;
          -ms-grid-row-span: 1;
          grid-row-end: 12;
          -ms-grid-column: 3;
          grid-column-start: 3;
          -ms-grid-column-span: 1;
          grid-column-end: 4;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 11;
          grid-row-start: 11;
          -ms-grid-row-span: 1;
          grid-row-end: 12;
          -ms-grid-column: 3;
          grid-column-start: 3;
          -ms-grid-column-span: 1;
          grid-column-end: 4;
        }
      }
    
      .grid__item--small-6 {
        display: block;
        -ms-grid-row: 27;
        grid-row-start: 27;
        -ms-grid-row-span: 1;
        grid-row-end: 28;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
    
        @media all and (min-width: 500px) {
          -ms-grid-row: 23;
          grid-row-start: 23;
          -ms-grid-row-span: 1;
          grid-row-end: 24;
          -ms-grid-column: 5;
          grid-column-start: 5;
          -ms-grid-column-span: 1;
          grid-column-end: 6;
        }
    
        @media all and (min-width: 1024px) {
          -ms-grid-row: 11;
          grid-row-start: 11;
          -ms-grid-row-span: 1;
          grid-row-end: 12;
          -ms-grid-column: 11;
          grid-column-start: 11;
          -ms-grid-column-span: 1;
          grid-column-end: 12;
        }
      }
    }
    
  • URL: /components/raw/home-grid/home-grid.scss
  • Filesystem Path: ../src/04_organisms/home-grid/home-grid.scss
  • Size: 10.9 KB

No notes defined.