alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 13:26:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor styles for background video positioning and remove inline styles from index.html

Browse Source
This commit is contained in:
vista-man
2025-04-10 16:41:30 +02:00
parent 12e7176ac4
commit 9434ddf66d
2 changed files with 4 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -7,15 +7,6 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<style>
.inhoud {
position: relative;
z-index: 1;
color: white;
text-align: center;
margin-top: 20px;
}
</style>
</head> </head>
<body> <body>

15
style.css
View File

@@ -147,21 +147,14 @@ p {
} }
.background-video { .background-video {
position: fixed; position: absolute;
top: 50%; top: 0;
left: 50%; left: 0;
transform: translate(-50%, -50%);
width: 100%; width: 100%;
height: auto; height: auto;
margin-top: 15px; z-index: -1;
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
max-height: 100%;
} }
.background-video { .background-video {
display: flex; display: flex;
justify-content: center; justify-content: center;