Problema pequeno com flexbox html5 / css3

Minha intenção inicialmente foi dividir o header em 2 pra que uma parte ficasse na esquerda e a outra na direita, em seguida coloquei um flex-start e um flex-end mas não deu mt certo, to tentando aprender Flexbox e creio que seja algo simples mas que não to conseguindo no momento.

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

Coloquei os codigos no codepen pra facilitar a solução: https://codepen.io/utamo/pen/xmarwJ

Multiple HTML5 Video Source Blob URL Uploading

I am trying video uploading.But first user can preview the video and then upload it.The problem is multiple BLOB Url uploading via ajax and getting file as List HttpPostedFileBase .I am using ASP.NET MVC.

                    var $  source = $  ('#' + id);                     var reader = new FileReader();                     reader.readAsDataURL(this.files[0]);                     reader.onloadend = (function() {                     $  source[0].src = reader.result;                     $  source.parent()[0].load(); 

How to create a searchable MongoDB database to an HTML5 site

I am a beginner and I am trying to create very small database that holds approximately 20 video game titles. I want to list the game title, genre, and date the game was released. Once these items are created using MongoDB i want be able to use the search form to search the titles and display the results inside of the page. is this possible? If so, if you could provide steps it would be greatly appreciated.