tod
/
odin-css-foundations
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
04-chaining-selectors/pexels-andrea-piacquadio-3777931.jpg → 04-chaining-selectors/img/pexels-andrea-piacquadio-3777931.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

0
04-chaining-selectors/pexels-katho-mutodo-8434791.jpg → 04-chaining-selectors/img/pexels-katho-mutodo-8434791.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

8
04-chaining-selectors/index.html
View File

@ -11,13 +11,13 @@
<!-- Check image source path. Review Foundations lesson - Links and Images --> <!-- Check image source path. Review Foundations lesson - Links and Images -->
<!-- Use the classes BELOW this line --> <!-- Use the classes BELOW this line -->
<div> <div>
<img class="avatar proportioned" src="" alt="Woman with glasses"> <img class="avatar proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
<img class="avatar distorted" src="" alt="Man with surprised expression"> <img class="avatar distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
<!-- Use the classes ABOVE this line --> <!-- Use the classes ABOVE this line -->
<div> <div>
<img class="original proportioned" src="" alt="Woman with glasses"> <img class="original proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
<img class="original distorted" src="" alt="Man with surprised expression"> <img class="original distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
</div> </div>
</body> </body>
</html> </html>

10
04-chaining-selectors/style.css
View File

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