https://github.com/derektypist/odin-p-css-foundations-b
Practice adding ID or Class attributes to several elements
https://github.com/derektypist/odin-p-css-foundations-b
classes css3 freecodecamp-project html5 ids odin-project
Last synced: about 1 month ago
JSON representation
Practice adding ID or Class attributes to several elements
- Host: GitHub
- URL: https://github.com/derektypist/odin-p-css-foundations-b
- Owner: derektypist
- Created: 2024-04-03T08:58:05.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T09:22:28.000Z (about 2 years ago)
- Last Synced: 2025-01-27T23:23:31.886Z (over 1 year ago)
- Topics: classes, css3, freecodecamp-project, html5, ids, odin-project
- Language: HTML
- Homepage: https://derektypist.github.io/odin-p-css-foundations-b/
- Size: 6.84 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 B
Practice adding ID or Class attributes to several elements.
## UX
**User Stories**
1. As a user, I should see a `yellow` background for all odd numbered elements in the list.
2. As a user, I should expect a `class` selector for all odd numbered elements in the list.
3. As a user, I should see the second element in the list with `blue` text and a `font-size` of `36px`.
4. As a user, I should expect the `font-size` and text color on the second element to be set by using an `id` attribute.
5. As a user, I should see that the third element in the list has a `font-size` of `24px`.
6. As a user, I expect the `font-size` on the third element to be set by using a `class` attribute.
7. As a user, I expect the fourth element in the list to have a `red` background, a `font-size` of `24px` and a `font-weight` of `bold`.
8. As a user, I expect the `font-size` of the fourth element to be set with a `class` attribute. The `font-weight` and the color should be set with an `id` attribute.
## Technologies
Uses HTML5 and CSS3.
## Testing
Make sure all user stories have been met.
## Deployment
Deployed on [GitHub Pages](https://derektypist.github.io/odin-p-css-foundations-b/) at the main branch.
## Credits
### Acknowledgements
[FreeCodeCamp](https://www.freecodecamp.org/)