Untitled

                Never    
HTML
       
	body {
		border: 0;
		margin:0;
	}
	
@media (max-width: 480px){
	.site{
		border : 2px solid;
		height: 100vh;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 12% 20% auto 5%;
		grid-template-areas:
		"header"
		"main"
		"sidebar"
		"footer";
		}
		
	.header{
        background-color: #800080;
        grid-area:header;
    }
		
    .logo,.intro{
        float:left;
        
    }	
		
    .intro {
            color: white;
    }
        
/*	.menu{
        background-color: #4286f4;
        grid-area:main;
        position:relative;
        text-align: center;	
		}
			
	.main{
        background-color: #f4d041;
        grid-area:sidebar;
    }
	
	ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: block;
    }
	
	a{
        text-decoration: none;
        color: black;
        font-size:  10px;
    }
	
	footer{
		background-color: #3733f7;
		grid-area:footer;
        text-align:center;
    }   
*/
}

Raw Text