add breakpoint [netlify-build]

Author: markzegarelli

src/_includes/content/destination-dossier.html

@@ -20,27 +20,7 @@
 {% if page.cmode-override %}
 {% assign destinationInfo = site.data.catalog.overrides.items % | where: "slug", thisDestination | first %}
 {% endif %}
-<!-- <div class="quick-info">
-<h4>{{ destinationInfo.display_name }} quick info </h4>
-<p>{% if destMethods.size > 0 %}
-<strong>{{destinationInfo.display_name}}</strong> {% if destinationInfo.status == "PUBLIC_BETA" %} is in beta, and{% endif %} accepts {% for method in destMethods%}{% if destMethods.size == 1 %}{{method}} calls.{% else %}{% unless forloop.last == true %}{{method}}, {% endunless %}{% if forloop.last == true%}and {{method}} calls.{%endif%}{% endif %}{% endfor %} If you reference it in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a>, call it &ldquo;{{destinationInfo.previous_names | join: '", or "' }}&rdquo;.
-{% elsif destinationInfo.status == "PUBLIC_BETA" and  destMethods.size == 0 %}
-<strong>{{ destinationInfo.display_name }}</strong> is in beta. If you reference it in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a>, call it &ldquo;{{destinationInfo.previous_names | join: '", or "' }}&rdquo;.
-{% elsif destinationInfo.status == "PUBLIC" and  destMethods.size == 0 %}
-If you reference <strong>{{destinationInfo.display_name}}</strong> in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a>, call it &ldquo;{{destinationInfo.previous_names | join: '", or "' }}&rdquo;.
-{% endif %}
-{% if destinationInfo.replay %} {{ destinationInfo.display_name }} is eligible for <a href="/docs/guides/what-is-replay/">Replay</a>. {% endif %}</p>
-
-{% unless destinationInfo.connection_modes.case == "0"%}
-
-<p>
-{{ destinationInfo.display_name }} {{ destinationInfo.connection_modes.summary }} {% if destinationInfo.connection_modes.case == "mixed" %}  {{destinationInfo.display_name}} accepts device-mode data from {% if destinationInfo.connection_modes.device.mobile and destinationInfo.connection_modes.device.web %} mobile and web{% elsif destinationInfo.connection_modes.device.mobile %} mobile{% elsif destinationInfo.connection_modes.device.web %} web{% endif %} sources.{% endif %} {% if destinationInfo.browserUnbundlingSupported %} You can change the {{destinationInfo.display_name}} connection mode for Analytics.js sources from the destination settings in the Segment web app.
-If you reference it in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a>, call it &ldquo;{{destinationInfo.previous_names | join: '", or "' }}&rdquo;.
-{% endif %}
-</p>
-{% endunless %}
 
-</div> -->
 
 <div class="quick-info">
 <h3>Quick Info</h3>

src/_sass/components/_quickinfo.scss

@@ -12,6 +12,7 @@
 // }
 
 
+
 .quick-info {
   float: right;
   border: 1px solid #eee;
@@ -22,6 +23,11 @@
   background-color: #FAFBFF;
   z-index: 1000;
 
+  @include breakpoint(small down)  {
+    max-width: 100%;
+    float: none;
+  }
+
   table {
     th {
       font-size: 12px;