From 7a2ceba540b0f8148661e40d6eb25799cf7876bf Mon Sep 17 00:00:00 2001
From: Jakob Warkotsch <j.warkotsch@gmail.com>
Date: Sat, 27 Mar 2021 13:13:56 +0100
Subject: [PATCH 1/2] Stretch WhatCanYouDo cards to the same height

---
 .../Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue b/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
index 652c2190..a806f564 100644
--- a/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
+++ b/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
@@ -9,9 +9,9 @@
     <v-row>
       <v-col>
         <!-- START blocks side by side -->
-          <v-row align="start" justify="space-between">
+          <v-row align="stretch" justify="space-between">
             <v-col cols="3">
-              <v-card>
+              <v-card class="what-can-you-do__card">
                 <v-card-title><h3>Create a Wikibase</h3></v-card-title>
                 <v-card-text>
                 Get set up in under a minute, with no technical knowledge, get automatic upgrades and much more.
@@ -19,19 +19,19 @@
               </v-card>
             </v-col>
             <v-col cols="3">
-              <v-card>
+              <v-card class="what-can-you-do__card">
                 <v-card-title><h3>Build a community</h3></v-card-title>
                 <v-card-text>Allow people to find your data, in the standard Wikibase format, and help you curate it.</v-card-text>
               </v-card>
             </v-col>
             <v-col cols="3">
-              <v-card>
+              <v-card class="what-can-you-do__card">
                 <v-card-title><h3>Link to other data</h3></v-card-title>
                 <v-card-text>Link to other open data sets and become part of the <a target="_blank" rel="noopener noreferrer" href="https://lod-cloud.net/">Linked Open Data Cloud</a>.</v-card-text>
               </v-card>
             </v-col>
             <v-col cols="3">
-              <v-card>
+              <v-card class="what-can-you-do__card">
                 <v-card-title><h3>Query everything</h3></v-card-title>
                 <v-card-text>Data and input managed by <a target="_blank" rel="noopener noreferrer" href="https://www.mediawiki.org/wiki/MediaWiki" >MediaWiki</a>, Triples and querying handled in <a target="_blank" rel="noopener noreferrer" href="https://www.wikidata.org/wiki/Wikidata:SPARQL_tutorial" >SPARQL</a> via Blazegraph.</v-card-text>
               </v-card>
@@ -61,8 +61,11 @@ export default {
 </script>
 
 <style scoped>
-
 h1 {
   margin-bottom: 16px;
 }
+
+.what-can-you-do__card {
+  height: 100%;
+}
 </style>

From 1fde154f338a06ae00b424116c3b1a6b51d3c225 Mon Sep 17 00:00:00 2001
From: Jakob Warkotsch <j.warkotsch@gmail.com>
Date: Sat, 27 Mar 2021 13:15:02 +0100
Subject: [PATCH 2/2] Use normal word-break for WhatCanYouDo card titles

---
 src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue b/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
index a806f564..9524fe31 100644
--- a/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
+++ b/src/components/Pages/Home/LoggedOutFeatures/WhatCanYouDo.vue
@@ -68,4 +68,8 @@ h1 {
 .what-can-you-do__card {
   height: 100%;
 }
+
+.what-can-you-do__card h3 {
+  word-break: normal;
+}
 </style>