style update
This commit is contained in:
		
							parent
							
								
									f6874361d8
								
							
						
					
					
						commit
						7f904b8136
					
				| @ -22,7 +22,7 @@ body { | |||||||
| 	width:70%; | 	width:70%; | ||||||
| 	min-height: 100vh; | 	min-height: 100vh; | ||||||
| 	margin:auto; | 	margin:auto; | ||||||
| 	background-color: rgba(0,0,0,0.7); | 	background-color: rgba(0,0,0,0.77); | ||||||
| 
 | 
 | ||||||
| } | } | ||||||
| main { | main { | ||||||
| @ -31,10 +31,11 @@ main { | |||||||
| main img { | main img { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	margin: auto; | 	margin: auto; | ||||||
| 	width:80%; | 	width:100%; | ||||||
|  | 	margin-bottom: 30px; | ||||||
| } | } | ||||||
| section, nav { | section, nav { | ||||||
| 	padding:3%; | 	padding:5%; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| h1{ | h1{ | ||||||
| @ -56,10 +57,23 @@ header { | |||||||
| 	font-size:4em; | 	font-size:4em; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @media only screen  | ||||||
|  | and (max-width : 800px) { | ||||||
|  |     article { | ||||||
|  |     	columns: 1; | ||||||
|  |     } | ||||||
|  | } | ||||||
|  | @media only screen  | ||||||
|  | and (min-width : 800px) { | ||||||
|  |     article { | ||||||
|  |     	columns: 2; | ||||||
|  | 		column-gap:5%; | ||||||
|  |     } | ||||||
|  | } | ||||||
| article { | article { | ||||||
| 	text-align:justify; | 	text-align:justify; | ||||||
| 	columns: 2; |  | ||||||
| } | } | ||||||
|  | 
 | ||||||
| article p { | article p { | ||||||
| 	margin-bottom:15px; | 	margin-bottom:15px; | ||||||
| } | } | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user