Fixed flex-boxes in CV section

Signed-off-by: Tuan-Dat Tran <tuan-dat.tran@tudattr.dev>
This commit is contained in:
Tuan-Dat Tran
2024-09-03 11:23:00 +02:00
parent f76a7a8c4c
commit bec4c608f1
3 changed files with 64 additions and 17 deletions

View File

@@ -608,6 +608,10 @@ video {
inset-inline-start: -0.375rem;
}
.m-16 {
margin: 4rem;
}
.mx-16 {
margin-left: 4rem;
margin-right: 4rem;
@@ -628,6 +632,16 @@ video {
margin-bottom: 2rem;
}
.my-16 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mx-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -700,10 +714,6 @@ video {
height: 1px;
}
.h-32 {
height: 8rem;
}
.min-h-screen {
min-height: 100vh;
}
@@ -785,6 +795,16 @@ video {
gap: 1rem;
}
.gap-2 {
gap: 0.5rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -797,10 +817,16 @@ video {
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.overflow-x-auto {
@@ -1279,6 +1305,11 @@ video {
}
@media (min-width: 640px) {
.sm\:my-16 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.sm\:mt-0 {
margin-top: 0px;
}
@@ -1293,6 +1324,12 @@ video {
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:text-center {
text-align: center;
}