mk875sd/projekt-7
4
1
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Update Script_Speech_recognition/style.css

Browse Source
This commit is contained in:
Mário Panenko 2024-11-18 18:03:21 +00:00
parent e27a699884
commit e7a5bb2228
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Script_Speech_recognition/style.css
View File

@ -15,21 +15,26 @@ h1 {
} }
.container { .container {
width: 100%; /* Make the container full width of the page */
padding: 20px 0; /* Add some padding to the top and bottom */
box-sizing: border-box; /* Include padding in width calculations */
}
.inner-container {
max-width: 1200px; /* Limit the width of the inner content */
margin: 0 auto; /* Center the inner container */
display: flex; display: flex;
justify-content: center; /* Center the elements horizontally */ justify-content: center; /* Center the elements horizontally */
align-items: flex-start; /* Align items to the top */ align-items: flex-start; /* Align items to the top */
padding: 20px; gap: 20px; /* Maintain a comfortable space between elements */
gap: 40px; /* Maintain a comfortable space between elements */
flex-wrap: wrap; /* Allow wrapping for responsive layouts */ flex-wrap: wrap; /* Allow wrapping for responsive layouts */
max-width: 1200px; /* Set max-width to keep layout centered and compact */
margin: 0 auto; /* Center the container itself */
} }
.textarea-container, .textarea-container,
.video { .video {
width: 45%; width: 45%;
max-width: 500px; max-width: 600px; /* Increase max-width to allow larger video container */
min-width: 300px; /* Minimum width for smaller screens */ min-width: 350px; /* Minimum width for smaller screens */
} }
.translation-buttons { .translation-buttons {