Completed exercise 04

Moved images to img folder, solved task according to requirements
This commit is contained in:
NetMan 2023-12-28 18:51:20 +01:00
parent d031f5ee79
commit d787e94834
4 changed files with 15 additions and 5 deletions

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -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>

View File

@ -1 +1,11 @@
/* Add CSS Styling */
.avatar.proportioned {
width: 300px;
height: auto;
}
.avatar.distorted {
width: 200px;
height: 400px;
}