Overflow example

<section class="qld__body qld__body-alt qld__body--breadcrumb"> <div class="container-fluid"> <!-- Breadcrumb example--> <nav class="qld__breadcrumbs" aria-label="breadcrumb" data-path=".https://www.designsystem.qld.gov.au/?a=169317:dist/mysource_files/img/QLD-icons.svg" style="max-width: 951px;"> <ol class="qld__breadcrumbs__list--desktop qld__link-list qld__link-list--inline" style="max-width: 951px;"> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Home</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Level 2 Breadcrumb</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Level 3 Breadcrumb</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Level 4 Breadcrumb</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Level 5 Breadcrumb</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Level 6 Breadcrumb</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li class="qld__breadcrumbs__item"><a href="" class="qld__breadcrumbs__link">Parent page</a> </li> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-right"></use></svg> <li aria-current="page" class="qld__breadcrumbs__item"> Current page </li> </ol> <!--@@ Breadcrumbs - Tablet @@--> <div class="qld__breadcrumbs__list--tablet qld__link-list qld__link-list--inline"> <div class="qld__breadcrumbs__item"> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-left"></use></svg> <a href="" class="qld__breadcrumbs__link"> Parent page </a> </div> </div> <!--@@ Breadcrumbs - Mobile @@--> <div class="qld__breadcrumbs__list--mobile qld__link-list qld__link-list--inline"> <div class="qld__breadcrumbs__item"> <svg class="qld__icon" xmlns="http://www.w3.org/2000/svg"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#chevron-left"></use></svg> <a href="" class="qld__breadcrumbs__link"> Parent page </a> </div> </div> </nav> </div> </section>