diff --git a/src/components/ChoiceBox.vue b/src/components/ChoiceBox.vue index 03b5c2c..ff4868d 100755 --- a/src/components/ChoiceBox.vue +++ b/src/components/ChoiceBox.vue @@ -50,17 +50,24 @@ list: function () { #choicebox{ display:flex; flex-direction: column; + justify-content: center; + align-items: center; } a{ - flex-grow: 0; - max-width:150px; - text-align: center; - margin-bottom:5Px; + margin:15px; } .adisplay{ display:grid; grid-template-columns: repeat(3, 20%); } +@media only screen and (max-width: 460px) { + /* For mobile phones: */ + .adisplay{ + display:grid; + grid-template-columns: repeat(0, 0%); + } +} + h2::before{ content:\f21b; }