mohammad-hammal mohammad-hammal

## index.html
<!DOCTYPE html>

   <html>

       <head>

         <meta charset="utf-8">

          <title>Navigation</title>

## style.css
/* some css reset */

html, body, div,

ul, li, header,nav{

    margin: 0;

    padding: 0;

## style.css
.logo{

  float: left;

}

nav{

  float: right;

## style.css
.logo img{

  width: 115px;

  height: 45px;

}


## style
display:flex;

## style.css
justify-content:space-between;

## style.css
flex-wrap:wrap;

## index.html
<!DOCTYPE html>

   <html>

       <head>

         <meta charset="utf-8">

          <title>Navigation</title>

## style.css
header {
            margin: 0;
            padding: 0;
            height: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url(idea.jpg);
            background-position: center center;
            background-size: cover;

## style.css
 header{background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), url(idea.jpg);}
	<!DOCTYPE html>

	<html>

	<head>

	<meta charset="utf-8">

	<title>Navigation</title>
	/* some css reset */

	html, body, div,

	ul, li, header,nav{

	margin: 0;

	padding: 0;
	header {
	margin: 0;
	padding: 0;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(idea.jpg);
	background-position: center center;
	background-size: cover;