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

Update video row layout and responsiveness in index.css

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 02:30:22 +01:00
parent 4be37c2544
commit 2f4617e3a3
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/index.css
View File

@@ -218,10 +218,10 @@ h4 {
} }
.video-row { .video-row {
display: flex; display: grid;
flex-direction: column; grid-template-columns: 1fr 220px;
align-items: center; align-items: start;
gap: 0.5rem; gap: 0.75rem;
} }
.video-actions { .video-actions {
@@ -231,7 +231,9 @@ h4 {
.video-cta { .video-cta {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
align-items: center;
height: 100%;
} }
.video-cta .button { .video-cta .button {
@@ -239,6 +241,15 @@ h4 {
font-size: 1.05rem; font-size: 1.05rem;
} }
@media (max-width: 820px) {
.video-row {
grid-template-columns: 1fr;
}
.video-cta {
justify-content: center;
}
}
.ig-block { .ig-block {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;