diff --git a/src/components/Message.vue b/src/components/Message.vue index 228758d..b130630 100644 --- a/src/components/Message.vue +++ b/src/components/Message.vue @@ -92,12 +92,13 @@ watch( flex-direction: row; align-items: center; animation: fade 0.5s; + max-width: 460px; .logo-img { border-radius: 50%; width: 120px; } .name { - width: calc(460px - 120px); + width: 100%; padding-left: 22px; transform: translateY(-8px); font-family: "Pacifico-Regular"; @@ -125,6 +126,10 @@ watch( } } } + + @media (max-width: 720px) { + max-width: 100%; + } } .description {