Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="presentation">

  <h1 class="presentation__title">Showcasing Your Clients</h1>
  
  <ul class="logos">
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M2030.9 1945v-302.6H1906V1945h124.9zm-661.2-125.6V1647h-121v131.8c0 38.3-1.5 49-3.8 59-8.4 27.6-37.5 39.8-67.4 39.8-41.4 0-60.5-16.1-68.2-41.4-2.3-8.4-3.1-17.6-3.8-26.8-.8-10 0-20.7 0-32.2V1647H982.9v173.1c0 39.1 13 68.2 34.5 88.1 36.8 36 98.8 46.7 156.3 46.7 69.7 0 123.3-10 161.6-47.5 19.9-19.1 34.4-44.4 34.4-88zm-594.4-21.5c-6.1-1.1-12.2-1.6-18.4-1.5H619c-6.9 0-14.6.8-18.4 1.5 2.3-2.3 6.9-6.9 11.5-13l62-102.7c8.4-13.8 12.3-23 13.8-26.8 1.5 3.8 5.4 13 13.8 27.6l63.6 103.4c3.1 4.6 7.7 9.2 10 11.5zm231.3 147.1l-275.8-413.7H576.1l40.6 48.3c.8.8 2.3 1.5 3.8 2.3-1.5.8-3.1 1.5-3.8 2.3L376.1 1945h139.4l37.5-62.1c1.5-3.1 2.3-6.1 2.3-7.7 1.5 0 5.4 1.5 9.2 1.5h249c3.8 0 6.9-.8 8.4-1.5-.1 2.2.4 4.3 1.5 6.1l39.1 63.6h144.1v.1zm865.7-155.5c0-33.7-13.8-72.8-56.7-127.2l-103.4-131h-144l82 91.9c13.8 15.3 31.4 29.1 31.4 29.1-19.9-11.5-45.2-16.1-65.1-16.1-47.5 0-95.8 10-138.7 33.7-46 25.3-76.6 67.4-76.6 123.3 0 42.9 19.2 75.8 43.7 101.1 55.2 55.1 155.5 60.5 192.3 60.5 54.4 0 139.4-12.3 187.7-55.9 28.3-25.9 47.4-61.9 47.4-109.4zm-119.5 3.8c0 31.4-20.7 55.1-46.7 68.2-21.5 11.5-46.7 14.6-68.9 14.6-22.2 0-48.3-4.6-69.7-15.3-26-13-46-38.3-46-65.9 0-32.9 25.3-59 55.2-72 18.4-8.4 40.6-11.5 58.2-11.5 16.9 0 41.4 2.3 60.5 10 34.4 14.4 57.4 42 57.4 71.9zM1991.2 545c-89.7-.1-176.8 30.1-247.1 85.8-70.3-55.7-157.4-86-247.1-85.8-89.7-.1-176.8 30.1-247.1 85.8-70.3-55.7-157.4-86-247.1-85.8-89.7-.1-176.8 30.1-247.1 85.8-70.3-55.7-157.4-86-247.1-85.8-220.1 0-398.5 178.4-398.5 398.5S288.5 1342 508.6 1342c89.7.1 176.8-30.1 247.1-85.8 70.3 55.7 157.4 86 247.1 85.8 89.7.2 176.8-30.1 247.1-85.8 70.3 55.7 157.4 86 247.1 85.8 89.7.1 176.8-30.1 247.1-85.8 70.3 55.7 157.4 86 247.1 85.8 220.1 0 398.5-178.4 398.5-398.5S2211.3 545 1991.2 545zM690.6 1191.1c-50.8 37-114.2 59.6-181.9 59.6-169.8 0-307.2-137.4-307.2-307.2S339 636.3 508.8 636.3c67.7 0 131.1 22.6 181.9 59.7-56 70.3-86.4 157.6-86.2 247.5 0 89.9 30.4 177.1 86.1 247.6zm65.3-65.1c-39.2-52.8-60.2-116.8-60.1-182.5-.2-65.7 20.9-129.8 60.1-182.5 39.2 52.8 60.3 116.8 60.1 182.5.1 65.7-21 129.7-60.1 182.5zm428.9 65.1c-52.8 38.8-116.6 59.7-182.1 59.6-65.4.1-129.1-20.7-181.7-59.6 55.8-70.4 86.2-157.7 86.2-247.5.2-90-30.2-177.3-86.2-247.6 52.6-38.8 116.3-59.7 181.7-59.6 68.2 0 131.1 22 182.1 59.6-56 70.3-86.4 157.6-86.2 247.5 0 89.9 30.4 177.1 86.2 247.6zm65.2-65.1c-39.2-52.8-60.2-116.8-60.1-182.5-.2-65.7 20.9-129.8 60.1-182.5 39.2 52.8 60.3 116.8 60.1 182.5.1 65.7-20.9 129.8-60.1 182.5zm428.9 65.1c-51 37.5-113.9 59.6-182.1 59.6-68.1 0-130.7-22.1-181.7-59.6 55.8-70.4 86.2-157.7 86.2-247.5.2-89.9-30.2-177.2-86.2-247.5 51-37.5 113.5-59.6 181.7-59.6 68.1 0 131.1 22 182.1 59.6-56 70.3-86.4 157.6-86.2 247.5.1 89.8 30.5 177 86.2 247.5zm65.3-65.1c-39.2-52.8-60.2-116.8-60.1-182.5-.2-65.7 20.9-129.8 60.1-182.5 39.2 52.8 60.3 116.8 60.1 182.5.1 65.7-21 129.7-60.1 182.5zm247 124.7c-67.7 0-131.1-22.6-181.9-59.6 55.8-70.5 86.2-157.7 86.2-247.5.2-89.9-30.2-177.2-86.2-247.5 50.8-37 114.2-59.7 181.9-59.7 169.8 0 307.2 137.4 307.2 307.2 0 169.7-137.4 307.1-307.2 307.1z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M1721.6 1401.5l178.1-303h596.8v50h-447.6l-44.2 76.4H2241l-28.5 50h-237.6l-45.5 76.4H2167l-29.7 50.2h-415.7zm-428.4-78.9h179.1c-6 8.7-8.7 17.5-5 23 6.5 9.7 29.5 5 35.5 3 12-3.7 18.5-11.2 24.2-21.2l30-52.5h-182.6c-38.2 0-39.5-22.7-24-50l56.2-95.4c16.7-27.5 39.2-31 67.9-31H1792c32.2 0 32.2 26.2 19.2 50l-18 32.2h-180.1c5.5-10.5 5.7-19.7 1.5-25.5-7-9.5-25.5-7.5-35.2-2.5-7.7 4.2-14.2 11.5-21.2 23.2l-28.7 49h176.6c37.2 0 43 27.2 31.2 50l-53.7 89.7c-14.5 23.7-39.5 37-68.2 37h-315.2c-31 0-41.7-20.5-28.5-43l21.5-36zM916 1148.5c28.7-50 76.4-50 113.4-50h269.8c28.5 0 52.5 23.7 37 50L1217 1351.3c-25.2 40.5-45.5 50.2-77.7 50.2h-314c-31 0-45.2-22.7-28.5-50.2L916 1148.5zm156.6 27.4l-90.9 151.4c-3 5.5-4.2 10.5-2.5 14.5 5.7 12.5 41 10.2 53.2 7.7 17.5-4 22-16.5 25.7-22.2l89.7-151.4c6.2-10.7 5.5-17.7 0-22-8-6.2-32.5-6.7-46-3-11.4 3.3-20.9 10.5-29.2 25zm-592.2-77.4h346.2c27.5 0 49 25 31 55l-35.7 60.7c-15.5 27.5-41.7 40.5-60.9 40.5 19.2 10.7 19.2 29.7 9.5 46.5l-35.7 62.2c-9.5 16.7-24 38.2-67.9 38.2H1.5v-50.2h329.7l149.2-252.9zm103.9 126.4h88.2c20.5 0 28.7-10.7 33.5-20.2l18-28.7c7.2-13 7.2-27.5-8.2-27.5h-86.2l-45.3 76.4zm-75.2 126.4h88.2c20.5 0 28.7-10.7 33.5-20.2l18-28.7c7.2-13.2 7.2-27.5-8.5-27.5h-85.9l-45.3 76.4zm1964.1-142.1c-13.7 0-25.5-10.7-25.5-25.2s11.7-25 25.5-25c13.7 0 25.2 10.5 25.2 25 .1 14.4-11.4 25.2-25.2 25.2zm-20.4-25.3c0 12 9 21 20.5 21 11.2 0 20.2-9 20.2-21s-9-21-20.2-21c-11.5 0-20.5 9-20.5 21zm15.2 2v12.5h-4.5v-29h11c7 0 10.2 2.5 10.2 8.2 0 5.2-3.2 7.5-7.5 8l8.2 12.7h-5l-7.5-12.5h-4.9v.1zm0-3.7h5.2c3.7 0 7-.2 7-4.7 0-3.5-3.3-4.2-6.2-4.2h-6v8.9z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M751.9 989.9c-8.7 58.3-26 199.7 11.2 339.8 7.4 18.6 26 13.6 33.5 5 2.5-3.7 27.3-27.3 27.3-27.3 8.7-12.4 17.4-8.7 23.6 0s23.6 36 49.6 37.2c26 1.2 67-29.8 83.1-42.2 11.2 21.1 24.8 40.9 47.1 39.7 22.3-1.2 43.4-17.4 62-37.2 13.6 16.1 28.5 33.5 45.9 32.2 17.4-1.2 49.6-19.8 80.6-48.4 12.4-13.6 26-7.4 34.7 6.2 8.7 13.6 21.1 36 37.2 36s39.7-22.3 47.1-28.5c7.4-6.2 14.9-11.2 23.6-1.2l18.6 17.4c11.2 11.2 34.7 8.7 52.1-7.4s21.1-21.1 28.5-21.1c7.4 0 11.2 9.9 18.6 17.4 7.4 7.4 64.5 57 140.1-19.8 1.2 38.5-7.4 254.2-7.4 285.2 0 14.9 17.4 19.8 42.2 14.9 24.8-5 37.2-12.4 36-48.4-1.2-36-6.2-213.3-6.2-213.3 3.7-28.5 28.5-75.7 54.6-76.9 26-1.2 13.6 31 1.2 31s-26 6.2-26 17.4 3.7 43.4 76.9 43.4 81.8-23.6 101.7-32.2c12.4 23.6 49.6 60.8 152.5-5 21.1 24.8 60.8 55.8 104.2 24.8 13.6-11.2 27.3-37.2 22.3-59.5-3.7-8.7-1.2-12.4 5-12.4h40.9c8.7 0 23.6 6.2 28.5 31 5 24.8 22.3 45.9 36 44.6 13.6-1.2 39.7-22.3 54.6-37.2 12.4 17.4 65.7 98 163.7-37.2 8.7-12.4-5-18.6-12.4-9.9-7.4 8.7-29.8 22.3-48.4 23.6-18.6 1.2-40.9-17.4-58.3-40.9-17.4-23.6-37.2-14.9-49.6 3.7-8.7 9.9-13.6 19.8-23.6 31-6.2-11.2-13.6-34.7-26-43.4-12.4-8.7-22.3-9.9-52.1-2.5s-63.2 11.2-96.7 12.4c-18.6-1.2-13.6 7.4-12.4 14.9 1.2 7.4 14.9 38.4-9.9 39.7-24.8 1.2-22.3-36-5-55.8 8.7-8.7-3.7-27.3-17.4-19.8-13.6 7.4-22.3 11.2-33.5 28.5-11.2 17.4-34.7 43.4-73.2 44.6-38.4 1.2-27.3-43.4-26-63.2 0-11.2-7.4-21.1-27.3-16.1-19.8 5-45.9 2.5-43.4 57-13.6 19.8-44.6 32.2-69.5 28.5-7.4-1.2-9.9-5-7.4-13.6 2.5-8.7 8.7-57-28.5-69.5-37.2-12.4-65.7 5-84.3 21.1-9.9 5-12.4 0-12.4-8.7l1.2-45.9c0-21.1-42.2-26-48.4-1.2-6.2 24.8-13.6 73.2-50.8 90.5-37.2 17.4-49.6-5-69.5-29.8-19.8-24.8-39.7-23.6-62-1.2l-22.3 21.1c-8.7 7.4-13.6 5-21.1-6.2-7.4-11.2-12.4-26-26-27.3s-16.1 3.7-26 11.2l-28.5 22.3c-11.2 8.7-13.6 8.7-24.8-6.2 0 0-18.6-31-37.2-31s-24.8 11.2-36 19.8c0 0-28.5 19.8-38.4 28.5-9.9 8.7-38.4 26-65.7-14.9-9.9-14.9-27.3-26-39.7-5-12.4 21.1-32.2 53.3-47.1 43.4-14.9-9.9 9.9-38.4 28.5-40.9s7.4-26-11.2-27.3c-18.6-1.2-48.4 11.2-62 27.3-13.6 16.1-36 34.7-58.3 33.5-22.3-1.2-27.3-18.6-38.4-42.2-11.2-23.6-31-21.1-45.9-8.7-14.9 12.4-18.6 16.1-29.8 29.8-11.2 13.6-11.2 6.2-12.4-2.5-1.2-8.7-8.7-168.7 3.7-271.6 4.8-26.1-48.5-34.8-59.7 4.9z" fill="#464646" />
        <path d="M1925.1 1181c21.3 0 38.6-17.3 38.6-38.6s-17.3-38.6-38.6-38.6-38.6 17.3-38.6 38.6 17.3 38.6 38.6 38.6zm-1235.2 39.6c-5 3.7-145.1 50.8-222 55.8V988.6c44.6 1.2 129 19.8 182.3 39.7 12.4 6.2 38.4-1.2 11.2-28.5-63.3-50.8-162.5-89.3-293.9-89.3S.4 983.7.4 1132.5s188.5 223.2 368.3 223.2c126.5 0 244.3-45.9 329.9-127.7 13.6-13.6-3.7-11.2-8.7-7.4zm-425.4 55.5c-107-22-182.9-77.5-182.9-142.4s75.9-120.3 182.9-142.4v284.8zm2177.1-92.8c-10 0-18.1 7.9-18.1 17.5 0 9.8 8.1 17.7 18.1 17.7 10 0 18-7.9 18-17.7 0-9.6-8.1-17.5-18-17.5zm0 31.7c-8.2 0-14.7-6.2-14.7-14.2 0-7.8 6.5-14 14.7-14 8.1 0 14.6 6.3 14.6 14 0 8-6.6 14.2-14.6 14.2z" fill="#464646" />
        <path d="M2450.8 1196.2c0-1.6-.8-3.4-2.2-4.2-1.5-.8-3.2-.9-4.9-.9h-8.8v19.7h3v-9.1h3.5l5.8 9.1h3.4l-6.1-9.1c3.6-.2 6.3-1.6 6.3-5.5zm-9.7 3h-3.3v-5.9h5.2c2.5 0 4.8.3 4.8 2.9.1 3.5-3.8 3-6.7 3z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M364.9 1195c-19.6 0-35.1 16.9-35.1 37.9s15.8 37.9 35.1 37.9c19.6 0 35.1-16.9 35.1-37.9s-15.8-37.9-35.1-37.9zm-125.8 0c-19.6 0-35.1 16.9-35.1 37.9s15.8 37.9 35.1 37.9c19.6 0 35.1-16.9 35.1-37.9.4-21-15.4-37.9-35.1-37.9z" fill="#464646" />
        <path d="M532.3 908.4H70.6C31.7 908.4 0 940.1 0 979v461.7c0 38.9 31.7 70.6 70.6 70.6h390.7l-18.3-63.1 44.1 40.7 41.7 38.2 74.4 64.4V979c-.3-38.9-31.9-70.6-70.9-70.6zm-133 446.2s-12.4-14.8-22.7-27.6c45.1-12.7 62.4-40.7 62.4-40.7-14.1 9.3-27.6 15.8-39.6 20.3-17.2 7.2-33.8 11.7-50 14.8-33.1 6.2-63.4 4.5-89.2-.3-19.6-3.8-36.5-9-50.6-14.8-7.9-3.1-16.5-6.9-25.2-11.7-1-.7-2.1-1-3.1-1.7-.7-.3-1-.7-1.4-.7-6.2-3.4-9.6-5.9-9.6-5.9s16.5 27.2 60.3 40.3c-10.3 13.1-23.1 28.3-23.1 28.3-76.1-2.4-105.1-52-105.1-52 0-109.9 49.6-199.1 49.6-199.1 49.6-36.9 96.5-35.8 96.5-35.8l3.4 4.1c-62 17.6-90.3 44.8-90.3 44.8s7.6-4.1 20.3-9.6c36.9-16.2 66.2-20.3 78.2-21.7 2.1-.3 3.8-.7 5.9-.7 21-2.8 44.8-3.4 69.6-.7 32.7 3.8 67.9 13.4 103.7 32.7 0 0-27.2-25.8-85.8-43.4l4.8-5.5s47.2-1 96.5 35.8c0 0 49.6 89.2 49.6 199.1 0-.4-28.9 49.3-105.1 51.7zm520.3-298.7H805.2v128.5l76.1 68.6v-124.7H922c25.8 0 38.6 12.4 38.6 32.4v95.4c0 20-12.1 33.4-38.6 33.4H804.9v72.7h114.4c61.3.3 118.9-30.3 118.9-100.6v-102.7c.3-71.7-57.3-103-118.6-103zm599.5 205.6v-105.4c0-37.9 68.2-46.5 88.9-8.6l63.1-25.5c-24.8-54.4-69.9-70.3-107.5-70.3-61.3 0-122 35.5-122 104.4v105.4c0 69.6 60.6 104.4 120.6 104.4 38.6 0 84.8-18.9 110.3-68.6l-67.5-31c-16.7 42.4-85.9 32.1-85.9-4.8zm-208.5-90.9c-23.8-5.2-39.6-13.8-40.7-28.6 1.4-35.5 56.2-36.9 88.2-2.8l50.6-38.9c-31.7-38.6-67.5-48.9-104.4-48.9-56.2 0-110.6 31.7-110.6 91.6 0 58.2 44.8 89.6 94.1 97.2 25.2 3.4 53.1 13.4 52.4 30.7-2.1 32.7-69.6 31-100.3-6.2l-48.9 45.8c28.6 36.9 67.5 55.5 104.1 55.5 56.2 0 118.5-32.4 120.9-91.6 3.5-74.9-50.9-93.8-105.4-103.8zm-230.8 191.2h77.2v-306h-77.2v306zm1301.3-305.9h-114.4v128.5l76.1 68.6v-124.7h40.7c25.8 0 38.6 12.4 38.6 32.4v95.4c0 20-12.1 33.4-38.6 33.4h-117.1v72.7h114.7c61.3.3 118.9-30.3 118.9-100.6v-102.7c0-71.7-57.5-103-118.9-103zm-561.2-4.2c-63.4 0-126.4 34.5-126.4 105.1v104.4c0 69.9 63.4 105.1 127.1 105.1 63.4 0 126.4-35.1 126.4-105.1v-104.4c0-70.3-63.7-105.1-127.1-105.1zm49.6 209.5c0 22.1-24.8 33.4-49.3 33.4-24.8 0-49.6-10.7-49.6-33.4v-104.4c0-22.4 24.1-34.5 48.2-34.5 25.2 0 50.6 10.7 50.6 34.5v104.4zm354.5-104.4c-1.7-71.7-50.6-100.6-113.7-100.6H1988v306h78.2V1265h13.8l71 97.2h96.5l-83.4-105.1c36.8-11.8 59.9-43.8 59.9-100.3zm-112.3 41.3h-45.5v-69.9h45.5c48.6 0 48.6 69.9 0 69.9z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M656.2 703.4H105.5c-17.7 95 74.5 132.3 74.5 132.3h588L656.2 703.4zm160.6 191.5H266.1c-17.7 95 74.5 132.3 74.5 132.3h587.9L816.8 894.9zm1577.7-191.5h-550.7L1732 835.7h587.9c.1 0 92.3-37.2 74.6-132.3zm-711.3 191.5l-111.8 132.3h587.9s92.2-37.3 74.5-132.3h-550.6zm-160.6 191.6l-49.3 58.3c-13-12.7-36.4-36.7-51-58.3h-376.6c-2.5 24.9-5.8 48.3-10.1 68.9l-58.2-68.9H426.7c-17.7 95 74.5 132.3 74.5 132.3h1497.5s92.2-37.3 74.5-132.3h-550.6zm-124.8-59.3l-44.6-132.3H1050c.7 20.7 1.7 40.6 1.7 59.2 0 23.7-.5 48.5-1.7 73.1h347.8zM1516 805.4s-14.2-80.9-106.9-111.2h-317.4c-31.4 51.1-40.3 102.5-41.9 150.8h330.9c4.2-32.3 8.8-39.6 135.3-39.6zm-173.2 614.4h32.4l-16.2-40.4-16.2 40.4zm-289.6-90.6c-45 0-84 31.2-102.6 90.6h189.7c-5.4-58-23.9-90.6-87.1-90.6z" fill="#464646" />
        <path d="M593 1272.8v47.3c0 55.1 44.7 99.8 99.8 99.8h203.1c26.8-77.3 90.9-105.7 149-105.7 13 0 24.8 1.9 35.6 5.5 71.2 14 74.9-4.1 75-7v-.4 107.6h167.1l50.6-126 50.6 126h383.6c55.1 0 99.8-44.7 99.8-99.8v-47.3H593zm346 231.7c0 47.3 6.1 82.8 16.6 109h165.7v-64h-28.5v-12.8h110.7v12.8h-31v64h72.4l59-147.1H941.1a346.1 346.1 0 00-2.1 38.1zm346.8 57.3h146.3l-38.3-95.4H1324l-38.2 95.4zm-20.7 51.7h187.8l-15.6-38.9h-156.6l-15.6 38.9zm409.3-147.1h-232.1l59 147.1h172.9c41.8-19.5 70.8-61.9 70.8-111v-36.1h-70.6zm-789.2 0H754.9v36.1c0 49.2 29 91.5 70.8 111h83.6c-16.2-28.5-26.4-64.6-26.4-109 .1-13.6.8-26.2 2.3-38.1zm216.5 192.3H987.2c18.6 15.2 41.4 21 66 21 19.7 0 35.7-7.6 48.5-21z" fill="#464646" />
        <path d="M1519.5 1658.7l7.1 17.8h35.8v12.8h-131.9v-12.8h47.6l-7.1-17.8h-224.1l-7.1 17.8h31.8v12.8H1188v-12.8h31.6l7.1-17.8h-54.3v36.1s-15-41.1-70.3-14.7v-.1c-16.4 11.1-35.6 17.3-57.4 17.3-31.5 0-68.1-12.4-98.5-38.6h-33.4c-.5 4.9-.7 10-.7 15 0 57.5 32 107.3 78.7 132.1h518.4c46.8-24.8 78.7-74.6 78.7-132.1 0-5.1-.2-10.1-.7-15h-67.7z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M253.9 1203.6c13.2 16.2 45.5 48.4 19 73.4-27.9 26.1-123.1 85.5-171.3 84.3-50.2 1.2-110.4-63.7-100.5-122.3 7.8-34.4 50.3-82 70.7-103.3 20.4-22.9 256.6-264.2 399.7-348 38.7-23.2 127.1-41.9 152.3-29.9 25.8 11.8 64.9 47.5 65.3 130.5-.4 56.2-.4 112.4 0 168.6-.4 22 8.2 42.4 38.1 19 16-12.3 53.4-14 78.8-10.9 25.5 3.6 40.7 22.3 19 38.1-22.4 14.9-112.5 91.4-144.1 122.3 2.7 184.8-92.5 689.4-108.8 747.7-12.7 51.4-48.3 76-92.4 92.4-44.2 14.1-120.7 17.6-108.8-46.2 11.9-62 127.4-515.7 141.4-649.8 3-13.7-7.2-18.8-19-5.4-11.9 13.8-71.4 66.5-122.3 70.7-51 6-87.8-30.5-95.2-40.8-3.4-5.9-6.8-19.5 8.2-27.2 15.6-5.9 170.2-97.6 269.2-182.2 4.7-63.3 12.7-221.4 13.6-269.2 3-35.4-25.8-15.1-40.8-2.7-15.6 11.4-216.1 179.7-277.3 250.1-13.8 14.5-7.1 33.2 5.2 40.8z" fill="#464646" />
        <path d="M2461.6 665.3c-33 26.1-180.8 155.2-214.8 179.4-34 26.7-77.2 66.8-103.3 46.2-18.2-15.2-10.5-63.7 0-89.7 9.9-24.9 37.1-96.3 46.2-116.9 11.2-20.2-.7-52.5-19-57.1-19-2.2-46.2 4.7-57.1 24.5-6.9 9.9-23.1 12.5-21.8-5.4.4-19.5 3.8-69.6-24.5-92.4-29.5-24.7-68.8-11.9-95.2 27.2-31.3 46.6-48.3 129.9 2.7 141.4 11.9 3.8 19.6 14.8 10.9 32.6-10 17.9-84 175.9-116.9 225.7-31.6 48.8-58.8 69.2-73.4 57.1-12.6-11.7 3.6-72.8 84.3-152.3 10.9-8.5 13.2-24 5.4-35.3-5.4-11-34.3-13.5-54.4-5.4-20.8 10.6-31.8 17.4-43.5 27.2-13.8 7.2-22.2 7.2-27.2 0-5.3-8.1-12.1-25.1 54.4-65.3 11.7-7.4 21.9-10.8 43.5-8.2 22.6.8 29.4-8.6 35.3-16.3 5.9-7.6 22.9-30.5 29.9-43.5 4.9-12.5-.2-24.4-19-27.2-20.2-.6-84-.6-163.2 62.5-39.7 30.3-64.4 74.5-59.8 97.9 2.2 25.9 4.8 50.5 57.1 54.4 17.3.4 16.5 18.2 8.2 27.2-6.9 11.5-24.8 27.6-35.3 48.9-5.6 17.8-42 70.7-57.1 95.2-17.3 29.6-47.9 34.8-46.2-8.2 2.5-21.7 3.4-71.8 2.7-92.4 12.6-42.3 106-439.9 114.2-500.3 7.2-33.1-11.6-68.8-29.9-70.7-19-1.5-98.9 39.3-125.1 203.9-28.2 165.1-36.7 204.1-35.3 247.4-67.7-4.2-120.3 40-144.1 111.5-23.8 71.2-47.6 156.2-62.5 201.1-15.6 46.8-29.2 74-46.2 70.7-17-3.5-8.5-74.9-2.7-111.5 7.8-34.8 18-92.6 24.5-127.8 7.2-36.1-9.8-42.9-24.5-40.8-16 1.3-104.3 45.4-130.5 155-4.4 24.7-31.6 36.6-27.2 5.4 2.4-33.4 4.1-55.5-21.8-54.4-13.4-1.1-47.2 17.5-68 68-20 48.1-69.3 148.4-103.3 212.1-34 65.5-73.1 108-92.4 89.7-21.4-15.7 27.9-100.7 43.5-122.3 20-14.1 57.5-43 46.2-62.5-9.2-21.2-63.5-12.7-81.6 2.7-16 16.9-39.8 27.1-48.9 16.3-11.2-9.7 12.6-43.6 32.6-65.3 20.8-22.6 39.5-46.4 70.7-32.7 11.2 6.7 35-1.8 46.2-16.3 12.6-16 39.7-43.3 35.3-57.1-2.4-13.4-24.5-25.3-59.8-21.8-36 3.3-98.9 8.4-184.9 130.5-24.5 47.8-10.9 100.5 24.5 100.6 19-.1 34.3 22 21.8 40.7-14.6 18.6-60.5 96.8-13.6 149.6 48.2 52.6 126.4 11.8 160.4-40.8 34-52.8 83.2-142.8 97.9-165.8 7.5-16 19.4-7.6 16.3 5.4-.3 10.7 9 68.9 19 89.7 12.1 26.4 41 27.2 48.9-2.8 10.7-28.6 60-168.8 84.3-195.8 7.1-7.1 14-4.5 10.9 5.4-.3 12.1-4.6 77.6 13.6 106 17.5 31 43.8 57.3 81.6 24.5 37-35.1 48.1-74.2 57.1-95.2 3.8-9.6 15.8-12 19-2.7 8.5 38.9 118.9 91.6 163.1-65.3 1.7-14.7 18.7-19.8 24.5-5.4 4.4 16.2 19.7 34.9 46.2 32.6 24.5-1.1 80.6-41.9 103.3-100.6 6.1-12.7 21.4-7.6 29.9 0 8.5 6 40.8 26.4 70.7 13.6 31.3-11 78.8-50 119.6-125.1 40.8-74.5 102-200.3 116.9-236.5 8.8-23.2 25.8-14.7 21.8 2.7-7.8 23.4-43.5 160.1 13.6 206.7 58.5 46.9 153.7-33.8 182.2-59.8 29.3-28.3 183.9-164.3 222.9-203.9 20.5-19.5 1.8-65.3-29.8-40.4zm-940.7 421.4c-13.3 32.8-47.3 100.8-73.4 89.7-28.2-9.3-18-73.9-5.4-111.5 11.2-37.1 57.1-98.3 84.3-89.7 22 16.9 8.4 79.8-5.5 111.5z" fill="#464646" />
        <path d="M2341.9 445.1c-44.6 1-82.9 35.8-81.6 84.3-1.4 46.4 36.9 81.2 81.6 81.6 45.4-.4 83.7-35.2 84.3-81.6-.6-48.5-38.9-83.3-84.3-84.3zm0 152.2c-1 0-2 0-3-.1-36-1.6-63.8-32-62.3-67.9-1.1-40.2 28.2-69.6 65.3-70.7 37.8 1.1 67.2 30.5 68 70.7-.1 37.6-30.5 67.9-68 68z" fill="#464646" />
        <path d="M2380 507.6c.4-18.4-10.7-26.7-32.6-27.2H2312v95.2h13.6v-40.8h16.3l24.5 40.8h16.3l-27.2-40.8c14.2-2.6 24.9-10 24.5-27.2z" fill="#464646" />
        <path d="M2341.9 521.2c12.6 1.2 23.5.4 24.5-13.6-1-12.3-11.7-14.5-21.8-13.6h-19v27.2h16.3z" fill="#fff" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M2441.1 1022.3l-75.5 101.2h-2.3l-75.5-101.2h-58.9l112.3 142.9v104.9h46.6v-104.9l112.3-142.9h-59zm-334.5 101.2h-134.3v-101.3h-46.5v248h46.5v-103.5h134.3v103.5h46.4v-248h-46.4v101.3zm-652.1-101.2h-43.2v169.3h-1.1l-150.3-169.3h-40.6v247.8h43.1V1100h.9l151.9 170.1h39.3v-247.8zm-359.1 204.9H941.6v-60.6H1052v-43H941.6v-58.8h153.8v-42.4H895.1v247.8h200.3v-43zm-433-18.7h-1.2l-74.3-186.1h-53.7l109.1 247.8H681l109-247.9h-53.7l-73.9 186.2zm-280.7 61.7h46.4v-247.8h-46.4v247.8zm-258.4-91.9h79.5v43.1c-11.1 3.9-30.9 9-62.8 9-56.8 0-88.2-28.5-88.2-84.2s31.6-84.3 88.2-84.3c57.6 0 87.2 17.9 103.6 31.4v-49.8c-18.3-15-59.4-26.1-103.6-26.1-66 0-140 27-140 128.7 0 101.6 74 128.7 140.1 128.7 40.2 0 82.2-9.3 108.4-25.9v-113.7H123.3v43.1zm1441.6-32.1c0 101.6 73.9 128.6 140 128.6 44.2 0 85.3-11.2 103.6-26.1V1199c-16.4 13.6-46 31.4-103.6 31.4-56.6 0-88.2-28.5-88.2-84.2s31.6-84.2 88.2-84.2c57.6 0 87.2 17.9 103.6 31.4v-49.8c-18.3-15-59.4-26.1-103.6-26.1-66 0-140 27-140 128.7zm-555 214.5h-38.2V1480h15.5v-48.7h24c17.9 0 41.1-5.9 41.1-36 0-31.6-27.9-34.6-42.4-34.6zm1.3 58.1h-24v-45.7h24c11.2 0 25.5 4.4 25.5 22.9 0 15.8-10.3 22.8-25.5 22.8zm116.6-58.1l-46.6 119.3h16.1l12-31.8h55.3l11.7 31.8h16.7l-45.5-119.3h-19.7zm-14.2 75.1l15.9-41.2c2.5-6.7 4.9-13.7 7.4-20.4h.3c2.4 6.7 4.6 13.7 7.1 20.4l15.9 41.2h-46.6zm204.4-43.1c0-21.9-16.2-32-36.8-32h-41.4V1480h15.6v-54h26l24.8 53.9h18.6l-28.7-56.8c6-1.9 21.9-7.4 21.9-30.4zm-38.2 20.9h-24.5v-40.5h22.8c6.9 0 24.3.8 24.3 20.8 0 9.2-5 19.7-22.6 19.7zm94.1 66.4h15.5v-119.3h-15.5V1480zm125.6-62l-21.6-9.4c-7.8-3.4-15.9-7-15.9-18.8 0-10.9 6.2-19.3 21.1-19.3 8.6 0 18.8 3.2 21.6 14.4l15.2-5c-5.7-15.9-19.8-21.8-36.8-21.8-17.2 0-37.7 9.4-37.7 32.7 0 12.4 6.6 20.9 17.9 26.1l29.1 13.4c4.4 2 12.7 6 12.7 18.9 0 10-8.1 20.8-23.3 20.8-16.1 0-22.8-10.1-25-18.4l-15 5.5c2.5 8.9 12.3 25.3 38.7 25.3 34.3 0 41.2-22.3 41.2-33.5 0-20.5-14.7-27.7-22.2-30.9z" fill="#464646" />
      </svg>
    </li>
    <li class="logos__holder">
      <svg class="logos__logo" width="100%" height="100%" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
        <path d="M956.8 1146.2h-58.5v141.3c0 40-16 60.2-48.9 60.2-10.8.2-21.3-4-28.9-11.7-8.4-8.4-12.5-22.5-12.5-42.9v-146.9h-58V1298c0 33.4 7.6 57.3 23.4 73.1 15 15.1 33.4 22.4 63.7 22.4 21.2 0 47.2-14.4 62-33.4v27.1h57.8l-.1-241zm909.2 65c0-18-6-33.1-17.9-45-16.7-16.7-40.5-26.5-75-26.3-34.5.2-92.8 7.2-99.5 72.8h58.4c-.8-30.6 38.1-27.9 38.1-27.9 12.4 0 23.8 3.9 32 10.6 5.1 4 8.5 10.3 8.9 20.4.6 16.3-7.2 24.2-61.9 29.5-42.2 4.1-92.5 15.6-92.5 76.2 0 42.6 35.2 72.1 83.3 72.1 34.9 0 55-8.7 72.8-28.8l2.8 22.4h56.1v-9c-7.2-5.7-5.6-29.6-5.6-29.6v-137.4zm-151.4 108.3c-1.5-18.1 9-31.1 36.6-35.8 7.2-1.4 14.7-2.1 21.8-3.2 11-1.6 23.9-4.7 35-12.2v36.9c0 29.8-29.6 41-51.3 40.7-21.8-.4-40.5-8.4-42.1-26.4zM1432 1452.2l-.1-305.8-55.4-.2v30.1c-14.9-20.6-35.8-36.5-66.6-36.5-69.5 0-109.8 49.1-109.8 128.1 0 40.3 12.8 76.1 35 98.4 18 17.9 38.3 27.1 66.2 27.1 31.6 0 54.7-14.4 72.3-36v95l58.4-.2zm-114.9-106.3c-14.1.6-27.8-5.1-37.4-15.5-13.9-13.9-21.5-36.6-21.5-63.9 0-26 8.4-49.3 22.9-63.9 10.5-10.5 20.8-15.9 35.9-15.9 34.1 0 52 21.8 57.2 61.5.8 6 1.1 27.9.7 32-3.6 42.3-21.8 65.7-57.8 65.7zM457 1387.1h63.3v-142.9h132.8v142.9h63.3v-321.3h-63.3v122.9H520.3v-122.9H457v321.3zm629.4-40.1c-24.9.6-44.5-10.2-48.1-31.8h-58.8c2.8 60.9 63.9 79.2 106.1 78.2 42.2-.9 61.4-10.9 80.3-29.8 13.2-13.2 20-30 20-49.8 0-47-35.6-62.4-76.2-72l-12.7-2.9c-31.6-6.1-57.4-12.5-55.9-30.7 1.5-18.3 21.3-22.2 36.7-22.6 15.5-.5 28.4 2 37.6 20.5h60.6c-6-46.7-48.9-66.9-94.5-66.2-44.7.7-98 18.4-98 70.2 0 48.8 33.8 63.7 74.4 72.4 5.5 1.3 11 2.4 16.4 3.5 30.3 6.4 53.2 12.4 53.6 32.4.4 20.1-16.5 28-41.5 28.6zm585.6-200.8h-60.5l-51.7 185.3-53.5-185.3h-63.1l83.6 240.8h62.5l82.7-240.8zm284.7 125.9c0-26.2 1.7-45.9 13.7-61.4 9.2-11.7 25.2-23.3 41.3-22.9 16 .5 25.2 3.7 25.2 3.7v-52s-15.4-3.6-32.3-1.1c-19 2.8-41.5 24.3-51.3 49.9v-42.1h-55V1387h58.4v-114.9zm308.6-49.6c0-51.5-31.6-82.6-85.2-82.6-28.6 0-50 15.2-67.4 42.5v-36.1h-55v240.8h58v-142c0-17.3 3.7-33.4 14.6-44.2 9.6-9.6 23.4-15 40-14.7 26.8.5 35.9 15.9 37 50.4v150.5h58v-164.6zM197 1427.4c-45.8 0-61 0-83.7-6.3-7.8-2.8-21.9-6.7-32.1-22.7-18.8-32.1-18.8-92.4-18.8-121.3 0-28.9 0-80.3 18.8-111.9 10.2-16.4 24.2-20.4 32.1-23.1 22.7-5.9 37.9-5.9 83.7-5.9 44.6 0 59.8 0 82.9 5.9 7.8 2.7 21.5 6.7 30.9 23.1 20.4 31.7 20.4 86.5 20.4 115.5 0 28.1 0 85.7-20.4 117.8-9.4 16.1-23.1 20-30.9 22.7-23.1 6.2-38.4 6.2-82.9 6.2zm0-129.6c38.3 0 37.8 0 37.8 12.5v78.9h54v-218.5h-54v65.6c0 12.9.6 12.9-37.8 12.9-39.1 0-38.9 0-38.9-12.9v-65.6h-53.2v218.5h53.2v-78.9c0-12.5-.2-12.5 38.9-12.5zm-.2 185.6c39.1.2 110 3.6 150.4-41.1 19.7-21.8 24.7-36 34.4-67 8.6-27 7.4-43 10.2-72.7.8-21.9 1.9-48.2-5.5-85.7-8.2-41.8-14.4-64.6-33.6-83.7 25.4-12.9 28.9-50.9 25.4-76.7 0 0-19.5-9.7-32.5-14.5-14.1-5.3-37.1-11-37.1-11 0 20.4 2.4 51.3-12.9 61.5-15.6 9-54 0-60.2-19.6-2-5.9-3.9-26.2 0-51.7-5.5-1.1-20.8-4.7-39.1-4.7-20 0-32.9 3.5-38.3 4.7 2.7 25.5 1.9 45.8 0 51.7-6.7 19.6-44.6 28.5-59.9 19.6-16.8-10.2-12.8-41.1-12.8-61.5 0 0-24.7 6-39.9 11.8-12.3 4.6-30.9 13.7-30.9 13.7-3.9 25.8 0 63.8 25.4 76.7-19.1 19.2-25.4 41.9-33.6 83.7-6.7 37.6-5.1 63.8-4.7 85.7 2 29.7 2 45.8 9 72.7 10.2 31 16.1 45.5 36.8 67 41.6 43.6 110.2 41.1 149.4 41.1zm2296.5-272.1c0-43.6-38-71.6-96.8-71.4-34.5.2-92.7 7.3-99.5 72.8h58.4c-.8-30.5 38.1-27.9 38.1-27.9 12.5 0 27.7 3.9 35.9 10.5 5.1 4 8.4 10.3 8.9 20.4.7 16.3-7.2 24.2-61.9 29.5-42.2 4.1-92.5 15.5-92.5 76.1 0 42.8 35.3 72.1 83.3 72.1 34.8 0 54.9-8.8 72.9-28.8l2.8 22.4h56.1v-9.2c-7.2-5.7-5.6-29.6-5.6-29.6l-.1-136.9zM2342 1319.6c-1.5-18.1 8.9-31 36.6-35.8 7.2-1.4 14.6-2.1 21.8-3.2 10.9-1.6 23.9-4.7 35-12.2v36.9c0 29.8-29.7 41-51.3 40.7-21.8-.4-40.6-8.3-42.1-26.4z" fill="#464646" />
      </svg>
    </li>
  </ul>

</div>
              
            
!

CSS

              
                .presentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2em 1em;

  &__title {
    margin: 0 0 .5em;
    color: #d84548;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.8px;
    text-transform: uppercase;
  }
}

.logos {
  // Grid layout
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  row-gap: .5em;
  column-gap: 1em;
  // List reset
  margin: 0;
  padding: 0;
  list-style: none;
  // Presentation
  width: 100%;
  max-width: 800px;

  &__holder {
    position: relative;

    // Padding trick
    &:before {
      content: "";
      display: block;
      padding-bottom: 100%;
    }
  }

  // Places logo above the padding trick
  &__logo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  // Presentation
  @media (min-width: 800px) {
    column-gap: 2em;
  }
}

              
            
!

JS

              
                
              
            
!
999px

Console