Bring some responsive styles, subject to later improvements

tests/unit/fruits.spec.js

@@ -10,7 +10,7 @@ import Fruits from "@/views/Fruits.vue";
 describe("Test Fruits page.", () => {
   it("dispatches getFruits on mounted", async () => {
     // axios.get.mockImplementationOnce(() => Promise.resolve({ data: { data: "value" } }));
-    const wrapper = mount(Fruits, { store, stubs: { RouterLink: RouterLinkStub } });
+    mount(Fruits, { store, stubs: { RouterLink: RouterLinkStub } });
 
     await store.dispatch("getFruits");
     expect(store.state.fruits.length).toBe(7);