Completed exercise 04
Moved images to img folder, solved task according to requirements
This commit is contained in:
		
							parent
							
								
									d031f5ee79
								
							
						
					
					
						commit
						d787e94834
					
				| 
		 Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB  | 
| 
		 Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB  | 
| 
						 | 
				
			
			@ -11,13 +11,13 @@
 | 
			
		|||
    <!-- Check image source path. Review Foundations lesson - Links and Images -->
 | 
			
		||||
    <!-- Use the classes BELOW this line -->
 | 
			
		||||
    <div>
 | 
			
		||||
      <img class="avatar proportioned" src="" alt="Woman with glasses">
 | 
			
		||||
      <img class="avatar distorted" src="" alt="Man with surprised expression">
 | 
			
		||||
      <img class="avatar proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
 | 
			
		||||
      <img class="avatar distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
 | 
			
		||||
    </div>
 | 
			
		||||
    <!-- Use the classes ABOVE this line -->
 | 
			
		||||
    <div>
 | 
			
		||||
      <img class="original proportioned" src="" alt="Woman with glasses">
 | 
			
		||||
      <img class="original distorted" src="" alt="Man with surprised expression">
 | 
			
		||||
      <img class="original proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
 | 
			
		||||
      <img class="original distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
 | 
			
		||||
    </div>
 | 
			
		||||
  </body>
 | 
			
		||||
</html>
 | 
			
		||||
| 
						 | 
				
			
			@ -1 +1,11 @@
 | 
			
		|||
/* Add CSS Styling */
 | 
			
		||||
/* Add CSS Styling */
 | 
			
		||||
 | 
			
		||||
.avatar.proportioned {
 | 
			
		||||
    width: 300px;
 | 
			
		||||
    height: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.avatar.distorted {
 | 
			
		||||
    width: 200px;
 | 
			
		||||
    height: 400px;
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
		Reference in New Issue