@@ -5,11 +5,19 @@
<style lang="css">
.frame {
- @apply .flex w-screen h-screen .m-auto .items-center .justify-center;
+ @apply w-screen h-screen m-auto .flex .items-center .justify-center;
& > div {
- @apply .w-10/12;
- height: calc(10 / 12 * 100%);
+ @apply w-full h-full;
+ }
+
+ @screen xl {
+ .frame {
+ & > div {
+ @apply .w-10/12;
+ height: calc(10 / 12 * 100%);
}