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