docs: style fixes

Author: posva

docs/.vuepress/components/HomeSponsors.vue

@@ -47,8 +47,6 @@
 <script>
 import sponsors from './sponsors.json'
 
-console.log({ sponsors })
-
 export default {
   name: 'HomeSponsors',
 

docs/.vuepress/styles/index.styl

@@ -13,6 +13,7 @@
   img, span
     vertical-align middle
 
+
 .vueschool
   background-color #e7ecf3
   padding 1em 1.25em
@@ -45,3 +46,9 @@
       border-top 5px solid transparent
       border-bottom 5px solid transparent
       border-left 8px solid #fff
+
+@media (max-width: 719px) {
+  .vueschool {
+    display: inline-flex;
+  }
+}

docs/.vuepress/theme/Layout.vue

@@ -3,15 +3,15 @@
     <template #page-top>
       <CarbonAds
         v-if="$site.themeConfig.carbonAds"
-        :key="$page.path"
+        :key="'ca:' + $page.path"
         :code="$site.themeConfig.carbonAds.carbon"
         :placement="$site.themeConfig.carbonAds.placement"
       />
     </template>
     <template #page-bottom>
       <BuySellAds
         v-if="$site.themeConfig.carbonAds"
-        :key="$page.path"
+        :key="'bsa:' + $page.path"
         :code="$site.themeConfig.carbonAds.custom"
         :placement="$site.themeConfig.carbonAds.placement"
       />

docs/guide/README.md

@@ -8,7 +8,7 @@ Also, all examples will be using the full version of Vue to make on-the-fly temp
 
 <div class="vueschool"><a href="https://vueschool.io/courses/vue-router-for-everyone?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to build powerful Single Page Applications with the Vue Router on Vue School">Watch a free video course about Vue Router on Vue School</a></div>
 
-Creating a Single-page Application with Vue + Vue Router is dead simple. With Vue.js, we are already composing our application with components. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vue Router know where to render them. Here's a basic example:
+Creating a Single-page Application with Vue + Vue Router feels natural: with Vue.js, we are already composing our application with components. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vue Router know where to render them. Here's a basic example:
 
 ## HTML