WEB DEVELOPMENT

What is vh and vw ? 

Vh : stand for viewport heigh which means the height according to the viewport ( screen size ) 

Vw : stand for viewport width which means the width according to the viewport ( screen size ) 

Note : 

vh and vw is the same as : 

height : 100vh ; /* 100% */ 
Width  : 100vw ; /* 100% */

what is the <section> tag used for ? 

The <section> tag is used to structure (divide) the layout of the webpage :

• Header
• Main-section 
• Footer 

( The main-section can have multiple pages ) 

Example : 

<section class="header">
<div class =".."></div>
</section>

how to make a dark overlay to an image ? 

1. we use the background-image property

2. we specify lineair-gradient with rgba() with black color and 0.7 opacity 2 times

3. We specify the image used by using url()

 Example : 

Background-image:lineair-
gradient(rgba(0,0,0,0.7),
(0,0,0,0.7)),url(…) ;