giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update video row layout and CTA positioning in index.css

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 02:30:46 +01:00
parent 2f4617e3a3
commit 78bcd6d26f
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/index.css
View File

@@ -218,10 +218,11 @@ h4 {
} }
.video-row { .video-row {
display: grid; display: flex;
grid-template-columns: 1fr 220px; flex-direction: column;
align-items: start; align-items: center;
gap: 0.75rem; gap: 0.5rem;
position: relative;
} }
.video-actions { .video-actions {
@@ -230,10 +231,9 @@ h4 {
} }
.video-cta { .video-cta {
display: flex; position: absolute;
justify-content: flex-start; right: 0;
align-items: center; bottom: 0.5rem;
height: 100%;
} }
.video-cta .button { .video-cta .button {
@@ -243,10 +243,10 @@ h4 {
@media (max-width: 820px) { @media (max-width: 820px) {
.video-row { .video-row {
grid-template-columns: 1fr; align-items: center;
} }
.video-cta { .video-cta {
justify-content: center; position: static;
} }
} }