11# CSS Course – Elzero Assignments 🎨
2+
23![ CSS3] ( https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white )
34![ HTML5] ( https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white )
45![ Elzero Web School] ( https://img.shields.io/badge/Elzero-Web%20School-orange )
@@ -10,36 +11,38 @@ Each folder represents a specific topic range from the course and includes the r
1011
1112## 📁 Course Structure
1213
13- | Folder Name | Assignments Range | Link |
14- | ------------| ------------------- | ------|
15- | Elements And Naming | 01 – 04 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ elements-and-naming/index.html ) |
16- | Background, Margin, Padding | 05 – 08 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ background-margin-padding/index.html ) |
17- | Border, Outline, Display | 09 – 12 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ border-outline-display/index.html ) |
18- | Nesting, Dimensions, Overflow | 13 – 16 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main /nesting-dimension-overflow/index.html ) |
19- | Text Formatting | 17 – 21 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ text-formatting/index.html ) |
20- | Inheritance, Typography | 22 – 26 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ inheritance-typography/index.html ) |
21- | Float, Opacity | 27 – 29 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ float-opacity/index.html ) |
22- | Position, List, Table | 30 – 33 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ position-list-table/index.html ) |
23- | Pseudo Classes & Elements | 34 – 37 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ pseudo-classes-elements/index.html ) |
24- | Border Radius, Box Shadow | 38 – 41 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ border-radius-box-shadow/index.html ) |
25- | Transitions & Variables | 42 – 45 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ transitions-variables/index.html ) |
26- | Flexbox | 46 – 53 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ flex-box/index.html ) |
27- | Filters & Gradients | 54 – 56 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ filters-gradient/index.html ) |
28- | Grid | 57 – 64 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ grid/index.html ) |
29- | Scale, Rotate, Translate | 65 – 67 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ scale-rotate-translate/index.html ) |
30- | Skew, Matrix, 3D Transform | 68 – 73 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ skew-matrix-3d/index.html ) |
31- | Animation | 74 – 77 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ animation/index.html ) |
32- | Selectors | 78 – 82 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ selectors/index.html ) |
33- | Media Queries | 83 – 85 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ media-queries/index.html ) |
34- | Global Values | 86 – 88 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ global-values/index.html ) |
35- | Full Course (All Assignments) | 01 – 88 | [ Open] ( https://github.com/atef7534/ CSS-Course-Elzero-Assignments/tree/main/ all-course/index.html ) |
14+ | Folder Name | Assignments Range | Link |
15+ | ----------------------------- | ----------------- | -------------------------------------------------------------------------------------------------------------- |
16+ | Elements And Naming | 01 – 04 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/elements-and-naming/index.html ) |
17+ | Background, Margin, Padding | 05 – 08 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/background-margin-padding/index.html ) |
18+ | Border, Outline, Display | 09 – 12 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/border-outline-display/index.html ) |
19+ | Nesting, Dimensions, Overflow | 13 – 16 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/nesting-dimension-overflow/index.html ) |
20+ | Text Formatting | 17 – 21 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/text-formatting/index.html ) |
21+ | Inheritance, Typography | 22 – 26 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/inheritance-typography/index.html ) |
22+ | Float, Opacity | 27 – 29 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/float-opacity/index.html ) |
23+ | Position, List, Table | 30 – 33 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/position-list-table/index.html ) |
24+ | Pseudo Classes & Elements | 34 – 37 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/pseudo-classes-elements/index.html ) |
25+ | Border Radius, Box Shadow | 38 – 41 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/border-radius-box-shadow/index.html ) |
26+ | Transitions & Variables | 42 – 45 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/transitions-variables/index.html ) |
27+ | Flexbox | 46 – 53 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/flex-box/index.html ) |
28+ | Filters & Gradients | 54 – 56 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/filters-gradient/index.html ) |
29+ | Grid | 57 – 64 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/grid/index.html ) |
30+ | Scale, Rotate, Translate | 65 – 67 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/scale-rotate-translate/index.html ) |
31+ | Skew, Matrix, 3D Transform | 68 – 73 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/skew-matrix-3d/index.html ) |
32+ | Animation | 74 – 77 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/animation/index.html ) |
33+ | Selectors | 78 – 82 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/selectors/index.html ) |
34+ | Media Queries | 83 – 85 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/media-queries/index.html ) |
35+ | Global Values | 86 – 88 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/global-values/index.html ) |
36+ | Full Course (All Assignments) | 01 – 88 | [ Open Project ] ( https://atef7534. github.io/ CSS-Course-Elzero-Assignments/all-course/index.html ) |
3637
3738## 🚀 About the Course
39+
3840- Instructor: ** Osama Elzero**
3941- Platform: ** Elzero Web School**
4042- Focus: Modern CSS fundamentals & advanced layout techniques
4143
4244## 🧠 Topics Covered
45+
4346- CSS Basics & Selectors
4447- Box Model
4548- Flexbox & Grid
@@ -48,6 +51,7 @@ Each folder represents a specific topic range from the course and includes the r
4851- Modern CSS Features
4952
5053## 📌 Notes
54+
5155- Each folder contains practical assignments.
5256- Code is written for learning and practice purposes.
5357- Feel free to explore, review, or fork the repository.
0 commit comments