HTML
<section class="astronaut-wrapper">
<div class="col">
<model-viewer alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" src="https://modelviewer.dev/shared-assets/models/NeilArmstrong.glb" ar="" ar-modes="webxr scene-viewer quick-look" environment-image="https://modelviewer.dev/shared-assets/environments/moon_1k.hdr" poster="https://modelviewer.dev/shared-assets/models/NeilArmstrong.webp" seamless-poster="" shadow-intensity="1" camera-controls="" enable-pan="" data-js-focus-visible="" ar-status="not-presenting"></model-viewer>
</div>
</section>
<script src="https://raw.githubusercontent.com/jebro/MyFiles/master/script.js"></script>
<!-- Loads <model-viewer> for browsers: -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
CSS
* {
margin: 0;
padding: 0;
}
body{
}
.astronaut-wrapper {
background: #000000;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100%;
}
.col {
flex-basis: 50%;
display: flex;
align-items: center;
justify-content: center;
}
model-viewer {
background: none;
width: 100vw;
height: 100vh;
}
