My attempts to center my carousel with its images have been unsuccessful. I've tried using the justify-content-center class on the carousel inner div, outside of it, and even in CSS, but nothing seems to work.
HTML
<?php
?>
<!doctype html>
<html lang="en">
... (content omitted for brevity) ...
</body>
</html>
CSS
body {
background-color: #121212;
height: 100%;
padding-bottom: 50px;
-ms-overflow-style: none;
scrollbar-width: none;
overflow: -moz-scrollbars-none;
}
... (content omitted for brevity) ...
#w-100 {
width: 800px !important;
height: 40vh;
}
Furthermore, how can I add margin between the two video embeds? Adding mx-5 only places them horizontally without any spacing. The same result occurs when trying to use padding instead of margin.