Na aula de página de detalhes

Author: Thiagoow

components/molecules/BookCard.vue

@@ -29,7 +29,8 @@ export default Vue.extend({
 .bookCard {
  color: inherit;
  display: grid;
- grid-gap: 0.7rem;
+ //Espaçamento entre o texto e a capa:
+ grid-gap: 1rem;
  img {
  display: grid;
  width: 100%;

components/organisms/BookList.vue

@@ -26,7 +26,8 @@ export default Vue.extend({
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
- grid-gap: 1.5rem;
+ //Espaçamento entre os livros:
+ grid-gap: 2rem;
  margin-bottom: -1.5rem;
  @include screen('small') {
  grid-template-columns: repeat(2, 1fr);

components/organisms/BookReleases.vue

@@ -9,7 +9,8 @@
 <style lang="scss" scoped>
 .releases {
  display: grid;
- grid-gap: 1.3rem;
+ //Espaçamento entre o título h2 e a BookList:
+ grid-gap: 1.5rem;
  h2 {
  font-size: 1.375rem;
  font-weight: 500;

components/templates/HomeTemplate.vue

@@ -5,8 +5,10 @@
  </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .homeTemplate {
  display: grid;
+ //Espaçamento entre o PageTitle e a BookList:
+ grid-gap: 1.5rem;
 }
 </style>

layouts/iBook.vue

@@ -38,7 +38,8 @@
  display: grid;
  grid-gap: 3.75rem;
  .container {
- margin-top: -1rem;
+ //Espaçamento entre o header e o conteúdo:
+ margin-top: -1.5rem;
  padding-bottom: 3.8rem;
  }
  .footer {