Noissue - Use new utilities and .container from website-defaults

templates/article.tmpl

 {% extends "templates/minimal" %}
 
 {% set product = products[product_id] %}
 
 {% block body %}
 <nav aria-label="{{ "Breadcrumb" | translate("breadcrumb-label", "Label") }}" class="breadcrumb">
-  <ol class="container clearfix" itemscope itemtype="http://schema.org/BreadcrumbList">
+  <ol class="container large-desktop-width clearfix" itemscope itemtype="http://schema.org/BreadcrumbList">

[ire, 2017/10/26 10:46:27]

I thought it looked better if the breadcrumb was aligned with the navbar, rather
than the main content. This is an opinion, the spec isn't clear since the
mockups don't always show that the navbar should be wider

     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
       <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ product.slug }}">
         <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcset="/img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | translate(product_id+"-logo-alt", "Image alt text") }}">
         <span itemprop="name">{{ product.full_name | translate(product_id+"-name", "Product name") }}</span>
       </a>
       <meta itemprop="position" content="1" />
     </li>
     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
       <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ page }}" aria-current="page">
         <span itemprop="name">{{ title | translate(get_page_name(page) + "-title", "Article title") }}</span>
@@ skipping 27 matching lines @@
 </main>
 
 <script id="no-content-for-platform-message" type="text/template">
   <p>{{ "Unfortunately, there is no content specific for your current browser. Please use the dropdown menu above to choose a different browser." | translate("no-content-for-platform-message", "paragraph") }}</p>
 </script>
 {% endblock %}
 
 {% block footer %}
 <? include contact ?>
 {% endblock %}