chaining_selectors_fcc

Chaining Selectors | CSS, HTML | Foundations The_Odin_Project Remix (CSS, HTML) | 05/06 | freeCodeCamp | 2024

CSS Foundations Exercise D

With this exercise, we've provided you a completed HTML file, so you will only have to edit the CSS file. For this exercise, it's more important to understand how chaining different selectors works than how to actually add the attributes.

1. You should see a width of 300px on both the avatar and proportioned class.
2. You should give it a height so that it retains its original square proportions (don't hardcode in a pixel value for the height!).
3. You should give the elements with both the avatar and distorted classes a width of 200px.
4. You should give it a height twice as big as it's width.