https://github.com/derektypist/odin-p-css-foundations-d

Learn how to chain different selectors
https://github.com/derektypist/odin-p-css-foundations-d

css3 freecodecamp-project html5 odin-project

Last synced: about 1 year ago
JSON representation

Learn how to chain different selectors

• Host: GitHub
• URL: https://github.com/derektypist/odin-p-css-foundations-d
• Owner: derektypist
• Created: 2024-04-03T10:11:28.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-03T10:23:33.000Z (about 2 years ago)
• Last Synced: 2025-01-27T23:23:31.559Z (over 1 year ago)
• Topics: css3, freecodecamp-project, html5, odin-project
• Language: HTML
• Homepage: https://derektypist.github.io/odin-p-css-foundations-d/
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Odin Project - CSS Foundations Exercise D

Learn how to chain different selectors

## UX

**User Stories**

1.  As a user, I should see a `width` of `300px` on the `avatar` and `proportioned` class.

2.  As a user, I should see a `height` of `auto` on the `avatar` and `proportioned` class.

3.  As a user, I should see a `width` of `200px` on the `avatar` and `distorted` class.

4.  As a user, I should see a `height` two times the width on the `avatar` and `distorted` class.

## Technologies

Uses HTML5 and CSS3.

## Testing

Make sure all user stories have been met.

## Deployment

On [GitHub Pages](https://derektypist.github.io/odin-p-css-foundations-d/) at the main branch.

## Credits

### Acknowledgements

[FreeCodeCamp](https://www.freecodecamp.org)