css?
This commit is contained in:
		
							parent
							
								
									7c41c06d16
								
							
						
					
					
						commit
						3098e5c010
					
				@ -35,7 +35,6 @@ div.main-content {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
header#menu {
 | 
					header#menu {
 | 
				
			||||||
    display: flex;
 | 
					    display: flex;
 | 
				
			||||||
    flex-direction: column;
 | 
					 | 
				
			||||||
    border-width: 5px;
 | 
					    border-width: 5px;
 | 
				
			||||||
    border-color: var(--main);
 | 
					    border-color: var(--main);
 | 
				
			||||||
    border-style: double;
 | 
					    border-style: double;
 | 
				
			||||||
@ -154,7 +153,7 @@ ul li {
 | 
				
			|||||||
  padding: 0.5rem;
 | 
					  padding: 0.5rem;
 | 
				
			||||||
  margin-left: 2rem;
 | 
					  margin-left: 2rem;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@media only screen and (min-width: 900px) {
 | 
					@media only screen and (min-width: 1200px) {
 | 
				
			||||||
    div.main-content {
 | 
					    div.main-content {
 | 
				
			||||||
        width: 60%;
 | 
					        width: 60%;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -162,16 +161,19 @@ ul li {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
@media only screen 
 | 
					@media only screen 
 | 
				
			||||||
    and (min-width: 480px) 
 | 
					    and (min-width: 480px) 
 | 
				
			||||||
    and (max-width: 900px) {
 | 
					    and (max-width: 1200px) {
 | 
				
			||||||
    header#menu {
 | 
					    header#menu {
 | 
				
			||||||
        flex-direction: row;
 | 
					        flex-direction: column;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    .form-row {
 | 
					    .form-row {
 | 
				
			||||||
        flex-direction: row;
 | 
					        flex-direction: row;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media only screen and (max-device-width: 480px) {
 | 
					@media only screen and (max-width: 480px) {
 | 
				
			||||||
 | 
					    header#menu {
 | 
				
			||||||
 | 
					        flex-direction: column;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
    article {
 | 
					    article {
 | 
				
			||||||
	font-size: 1em;
 | 
						font-size: 1em;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user