fix: milestone title/content break at 480px screen width

svvimming · svvimming · commit 40c91d564ffc · 2023-09-08T17:11:43.000-04:00
diff --git a/components/roadmap.vue b/components/roadmap.vue
@@ -178,7 +178,7 @@ const cta = computed(() => {
 .milestone {
   display: flex;
   justify-content: space-between;
-  @include tiny {
+  @include customMaxMQ('30rem') {
     flex-direction: column;
   }
   &:not(:last-child) {
@@ -204,6 +204,7 @@ const cta = computed(() => {
     }
     @include tiny {
       margin-bottom: 0.25rem;
+      width: unset;
     }
   }
   .content {

Original file line number	Diff line number	Diff line change
`@@ -178,7 +178,7 @@ const cta = computed(() => {`
`178`	`178`	`.milestone {`
`179`	`179`	`display: flex;`
`180`	`180`	`justify-content: space-between;`
`181`		`- @include tiny {`
	`181`	`+ @include customMaxMQ('30rem') {`
`182`	`182`	`flex-direction: column;`
`183`	`183`	`}`
`184`	`184`	`&:not(:last-child) {`
`@@ -204,6 +204,7 @@ const cta = computed(() => {`
`204`	`204`	`}`
`205`	`205`	`@include tiny {`
`206`	`206`	`margin-bottom: 0.25rem;`
	`207`	`+ width: unset;`
`207`	`208`	`}`
`208`	`209`	`}`
`209`	`210`	`.content {`