From 75744428261f618b9bdd869d52357d29262de674 Mon Sep 17 00:00:00 2001
From: Andrea Busse <andrea.busse@codecentric.nl>
Date: Sun, 20 Jun 2021 13:47:12 +0200
Subject: [PATCH] remove end tag of v-flex tag from code example

---
 7-vue/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/7-vue/README.md b/7-vue/README.md
index 7cefdeeb..1f79f98b 100644
--- a/7-vue/README.md
+++ b/7-vue/README.md
@@ -410,7 +410,7 @@ You can see an empty card with a 'Delete' button right after the current dog vie
 To render a list of items based on an array Vue has a `v-for` directive, which will iterate through this array and render each item. Let's add this directive to our opening `v-flex` element that will show the array of favorite cards in the new container you just added:
 
 ```html
-<v-flex xs6 sm4 md2 v-for="(pet, index) in favoriteDogs" :key="pet"></v-flex>
+<v-flex xs6 sm4 md2 v-for="(pet, index) in favoriteDogs" :key="pet">
 ```
 
 Here `pet` is the reference to the _current array element_ and `index` is the _index of this element_ inside the array.