Webseite passt nicht zum Bildschirm

Question

Ich brauche meine Seite zu einem 1280 Breite res laden. Es sollte so geladen werden, dass keine horizontale Bildlaufleiste erscheint ... was auf der "Video" -Seite geschieht, die ich unten verlinke. Wie kann ich meine Seite so korrigieren, dass sie richtig auf den Bildschirm passt? Ich habe ein paar kleine Anpassungen ausprobiert, die die Seite einfach verrückt werden ließen. Vielen Dank!

html:

<section class="left"> 
    <h1>Video</h1> 
    <article> 
     <h2>Video implementation in HTML5</h2> 
     <p>Support for HTML5 video has been growing steady. In June 2013, Netflix added support for HTML5 video. In January 2015, YouTube turned to HTML5 video as it's default player over Flash. In December 2015, Facebook switched from Flash to HTML5 for all video content. The Flash plugin is widely assumed, including by Adobe, to be destined to be phased out, which will leave HTML5 video as the only widely supported method to play video on the World Wide Web.</p> 
    </article> 
    <article class="divider"> 
     <h2 class="elegantshadow">The single biggest reason why startups succeed</h2> 
     <p>Bill Gross has founded a lot of startups, and incubated many others — and he got curious about why some succeeded and others failed. So he gathered data from hundreds of companies, his own and other people's, and ranked each company on five key factors. He found one factor that stands out from the others — and surprised even him.</p> 
     <figure> 
      <video controls="controls"> 
       <source src="BillGross.mp4" max-width="200" type="video/mp4"/> 
       <source src="BillGross_VP8.webm" type="video/webm" />Your browser does not support the video tag/type 
      </video> 
     </figure>   
    </article> 
</section> 

CSS:

.container { 
    display: flex; 
} 
aside { 
    width: 30%; 
} 
section.left { 
    width: 70%; 
} 
video { 
    display: block; 
    margin: 0 auto; 
} 

Answer 1

Kontrolle dieses

.container { 
display: flex; 
} 

section.left { 
width: 100%; 
} 

video{ 
    display: block; 
    margin: 0 auto; 
}