Skip to content

Commit 50943e8

Browse files
atef7534atef7534
authored
Revise README for course title and structure
Updated the README to reflect new course title and structure, added emoji, and improved organization.
1 parent 4f0260c commit 50943e8

1 file changed

Lines changed: 49 additions & 40 deletions

File tree

‎README.md‎

Lines changed: 49 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,52 @@
1-
# CSS Course - Elzero Web School Assignments
2-
3-
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
4-
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
5-
![Status](https://img.shields.io/badge/Status-Completed-success?style=for-the-badge)
6-
7-
Welcome to my CSS assignments repository! This project tracks my progress through the [Elzero Web School CSS Course](https://elzero.org/category/assignments/css-assignments/). Each folder contains my solution to specific challenges.
8-
9-
---
10-
11-
## 📂 Assignments Directory
12-
13-
| Folder Name | Lessons Range | Direct Link |
14-
| :--- | :--- | :--- |
15-
| **Elements And Naming** | [01 - 04] | [index.html]([./Background,%20Margin,%20Padding/index.html](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/Elements%20and%20Naming)) |
16-
| **Background, Margin, Padding** | [05 - 08] | [index.html](./Background,%20Margin,%20Padding/index.html) |
17-
| **Border, Outline, Display** | [09 - 12] | [index.html](./Border,%20Outline,%20Display/index.html) |
18-
| **Nesting, Dimensions, Overflow** | [13 - 16] | [index.html](./Nesting,%20Dimensions,%20Overflow/index.html) |
19-
| **Text Formatting** | [17 - 21] | [index.html](./Text%20Formatting/index.html) |
20-
| **Inheritance, Typography** | [22 - 26] | [index.html](./Inheritance,%20Typography/index.html) |
21-
| **Float, Opacity** | [27 - 29] | [index.html](./Float,%20Opacity/index.html) |
22-
| **Position, List, Table** | [30 - 33] | [index.html](./Position,%20List,%20Table/index.html) |
23-
| **Pseudo Classes, Elements** | [34 - 37] | [index.html](./Pseudo%20Classes,%20Elements/index.html) |
24-
| **Border Radius, Box Shadow** | [38 - 41] | [index.html](./Border%20Radius,%20Box%20Shadow/index.html) |
25-
| **Transitions, Variables** | [42 - 45] | [index.html](./Transitions,%20Variables/index.html) |
26-
| **Flex Box** | [46 - 53] | [index.html](./Flex%20Box/index.html) |
27-
| **Filters, Gradient** | [54 - 56] | [index.html](./Filters,%20Gradient/index.html) |
28-
| **Grid** | [57 - 64] | [index.html](./Grid/index.html) |
29-
| **Scale, Rotate, Translate** | [65 - 67] | [index.html](./Scale,%20Rotate,%20Translate/index.html) |
30-
| **Skew, Matrix, 3D Transform** | [68 - 73] | [index.html](./Skew,%20Matrix,%203D%20Transform/index.html) |
31-
| **Animation** | [74 - 77] | [index.html](./Animation/index.html) |
32-
| **Selectors** | [78 - 82] | [index.html](./Selectors/index.html) |
33-
| **Media Queries** | [83 - 85] | [index.html](./Media%20Queries/index.html) |
34-
| **Global Values** | [86 - 88] | [index.html](./Global%20Values/index.html) |
1+
# CSS Course – Elzero Assignments 🎨
2+
3+
This repository contains my solutions for **Elzero Web School CSS Course assignments**, organized by lesson groups.
4+
Each folder represents a specific topic range from the course and includes the related assignments.
5+
6+
## 📁 Course Structure
7+
8+
| Folder Name | Assignments Range | Link |
9+
|------------|-------------------|------|
10+
| Elements And Naming | 01 – 04 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/elements-and-naming) |
11+
| Background, Margin, Padding | 05 – 08 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/background-margin-padding) |
12+
| Border, Outline, Display | 09 – 12 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/border-outline-display) |
13+
| Nesting, Dimensions, Overflow | 13 – 16 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/nesting-dimension-overflow) |
14+
| Text Formatting | 17 – 21 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/text-formatting) |
15+
| Inheritance, Typography | 22 – 26 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/inheritance-typography) |
16+
| Float, Opacity | 27 – 29 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/float-opacity) |
17+
| Position, List, Table | 30 – 33 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/position-list-table) |
18+
| Pseudo Classes & Elements | 34 – 37 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/pseudo-classes-elements) |
19+
| Border Radius, Box Shadow | 38 – 41 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/border-radius-box-shadow) |
20+
| Transitions & Variables | 42 – 45 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/transitions-variables) |
21+
| Flexbox | 46 – 53 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/flex-box) |
22+
| Filters & Gradients | 54 – 56 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/filters-gradient) |
23+
| Grid | 57 – 64 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/grid) |
24+
| Scale, Rotate, Translate | 65 – 67 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/scale-rotate-translate) |
25+
| Skew, Matrix, 3D Transform | 68 – 73 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/skew-matrix-3d) |
26+
| Animation | 74 – 77 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/animation) |
27+
| Selectors | 78 – 82 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/selectors) |
28+
| Media Queries | 83 – 85 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/media-queries) |
29+
| Global Values | 86 – 88 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/global-values) |
30+
| Full Course (All Assignments) | 01 – 88 | [Open Folder](https://github.com/atef7534/CSS-Course-Elzero-Assignments/tree/main/all-course) |
31+
32+
## 🚀 About the Course
33+
- Instructor: **Osama Elzero**
34+
- Platform: **Elzero Web School**
35+
- Focus: Modern CSS fundamentals & advanced layout techniques
36+
37+
## 🧠 Topics Covered
38+
- CSS Basics & Selectors
39+
- Box Model
40+
- Flexbox & Grid
41+
- Animations & Transitions
42+
- Responsive Design
43+
- Modern CSS Features
44+
45+
## 📌 Notes
46+
- Each folder contains practical assignments.
47+
- Code is written for learning and practice purposes.
48+
- Feel free to explore, review, or fork the repository.
3549

3650
---
3751

38-
## 🛠️ Built With
39-
- **HTML5**: For semantic structure.
40-
- **CSS3**: For advanced styling, animations, Flexbox, and Grid.
41-
42-
## 👤 Author
43-
- **Atef Lassoued** - [GitHub Profile](https://github.com/atef7534)
52+
⭐ If you find this helpful, consider starring the repo!

0 commit comments

Comments
 (0)