Updated blog with image
This commit is contained in:
		@ -242,8 +242,13 @@
 | 
				
			|||||||
<p>
 | 
					<p>
 | 
				
			||||||
  dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
 | 
					  dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
 | 
				
			||||||
</p>
 | 
					</p>
 | 
				
			||||||
 | 
					  <div><p></p></div>
 | 
				
			||||||
 | 
					 <div class="img-container">
 | 
				
			||||||
 | 
					        <img src="./src/img/CannotConnect.JPEG" alt="Cannot Connect" class="viewport-image">
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
<!-- partial -->
 | 
					<!-- partial -->
 | 
				
			||||||
  <script  src="./script.js"></script>
 | 
					  <script  src="./script.js"></script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								blog/src/img/CannotConnect.JPEG
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								blog/src/img/CannotConnect.JPEG
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 5.0 MiB  | 
@ -209,3 +209,14 @@ a:focus-visible {
 | 
				
			|||||||
.column + .column {
 | 
					.column + .column {
 | 
				
			||||||
  color: #aa95bd;
 | 
					  color: #aa95bd;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.img-container {
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    justify-content: center;
 | 
				
			||||||
 | 
					    align-items: center;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.viewport-image {
 | 
				
			||||||
 | 
					    height: 40vh; /* 60% of the viewport height */
 | 
				
			||||||
 | 
					    width: auto; /* Maintain aspect ratio */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
		Reference in New Issue
	
	Block a user