{"id":20909610,"url":"https://github.com/gzixnine/css_course","last_synced_at":"2026-05-14T20:31:54.139Z","repository":{"id":255425877,"uuid":"821617514","full_name":"GziXnine/CSS_Course","owner":"GziXnine","description":"This repository contains a thorough compilation of CSS assignments from Elzero Web School, encompassing a diverse array of topics. It begins with fundamental CSS syntax and styling principles, advancing to more intricate methods like responsive design, animations, and preprocessor utilization. Focused on clarity, depth, and practical application.","archived":false,"fork":false,"pushed_at":"2024-07-01T06:09:06.000Z","size":136,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-03T14:44:13.850Z","etag":null,"topics":["css","css3","elzero-frontend-challenges","elzero-web-school","elzero-web-school-css-assignments","flexbox-grid","front-end-development","web-development"],"latest_commit_sha":null,"homepage":"https://elzero.org/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GziXnine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-29T01:09:58.000Z","updated_at":"2025-01-25T19:42:13.000Z","dependencies_parsed_at":"2024-08-29T23:34:23.704Z","dependency_job_id":"3512b61a-8150-4ea6-86ab-c478ee090ca8","html_url":"https://github.com/GziXnine/CSS_Course","commit_stats":null,"previous_names":["gzixnine/css_course"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GziXnine/CSS_Course","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FCSS_Course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FCSS_Course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FCSS_Course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FCSS_Course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GziXnine","download_url":"https://codeload.github.com/GziXnine/CSS_Course/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FCSS_Course/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33042126,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css3","elzero-frontend-challenges","elzero-web-school","elzero-web-school-css-assignments","flexbox-grid","front-end-development","web-development"],"created_at":"2024-11-18T14:12:02.454Z","updated_at":"2026-05-14T20:31:54.132Z","avatar_url":"https://github.com/GziXnine.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS Basics\n\nWelcome to the CSS Basics repository! This repository serves as a comprehensive guide and reference for learning CSS (Cascading Style Sheets), the standard language for styling web pages and web applications.\n\n## Overview\n\nThis repository is designed to provide you with a solid foundation in CSS, covering everything from basic styles to more advanced concepts. Whether you're a beginner just starting out or looking to refresh your knowledge, you'll find valuable resources and examples here to help you understand and master CSS.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Completion-100%25-blue\" alt=\"Completion\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://visitor-badge.laobi.icu/badge?page_id=AllamF5J/CSS_Course\" alt=\"Visitors\"/\u003e\n\u003c/p\u003e\n\n![CSS Course](https://www.codespot.org/assets/css.jpg)\n\n### What is CSS?\n\nCSS (Cascading Style Sheets) is the language used to style and layout web pages. It allows you to apply styles to HTML elements, control the layout of multiple web pages all at once, and make your web pages responsive and visually appealing.\n\n### Key Features\n\n- **Styling**: CSS provides a wide range of properties to style HTML elements, including fonts, colors, margins, padding, and borders.\n- **Layout**: CSS enables you to control the layout of web pages using techniques like Flexbox, Grid, and positioning.\n- **Responsive Design**: CSS includes media queries to create responsive web designs that adapt to different screen sizes and devices.\n- **Animations**: CSS allows you to create animations and transitions to enhance the user experience.\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n### Course Reference\n\nThe content and examples presented here are based on the high-quality tutorials and lessons from [Elzero Web School](https://elzero.org).\n\n#### About Elzero Web School\n\nElzero Web School is a premier online platform offering a wide range of web development tutorials and courses. With a focus on practical, hands-on learning, Elzero Web School helps students and professionals alike to enhance their skills and stay up-to-date with the latest web technologies.\n\n#### Additional Resources\n\n- Visit the [official website](https://elzero.org) for more courses and tutorials.\n- Check out the [YouTube channel](https://www.youtube.com/@ElzeroWebSchool) for more video content.\n- Check out the [GitHub account](https://github.com/ElzeroWebSchool) for more data and codes.\n  \u003ch5\u003eOR\u003c/h5\u003e\n- You can learn [CSS](https://www.youtube.com/watch?v=h1mNPEjva8U) from [Abdelrahman Gamal Channel](https://www.youtube.com/@AbdelrahmanGamal)\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n### Course Progress\n\n#### Course Study Plan\n- **Weeks Completed**: [08 of 08]  \n  ![100%](https://progress-bar.dev/100/?title=Done)\n\n  `Watched` - [Plan For Eight Weeks](https://elzero.org/study/css-2021-study-plan/)\n\n#### Videos Watched\n- **Total Videos**: [88 of 88] - Duration: 11 Hours, 28 Minutes, 51 Seconds  \n  ![100%](https://progress-bar.dev/100/?title=Watched)  \n\n\u003cdetails open\u003e\n  \u003cbr\u003e\n    \u003csummary\u003e\u003cmark\u003e\u003cspan\u003e👉\u003c/span\u003e Click Here To Watch Videos In \u003c/mark\u003e\u003cstrong\u003eYouTube\u003c/strong\u003e\u003c/summary\u003e\n\n  1. `Watched` - [Introduction And What I Need To Learn](https://www.youtube.com/watch?v=X1ulCwyhCVM\u0026t=4s)\n  2. `Watched` - [Your First Project And Syntax](https://www.youtube.com/watch?v=89VLfs-wpEY\u0026t=7s)\n  3. `Watched` - [Element Styling](https://www.youtube.com/watch?v=66sjwQ-hB64)\n  4. `Watched` - [Name Conventions And Rules](https://www.youtube.com/watch?v=xkNpIsbxMuo)\n  5. `Watched` - [Background - Color, Image, Repeat](https://www.youtube.com/watch?v=-srybsn3YDM)\n  6. `Watched` - [Background - Attachment, Position, Size](https://www.youtube.com/watch?v=8sooTBY5C4w)\n  7. `Watched` - [Padding](https://www.youtube.com/watch?v=-wdlA-wFv9A)\n  8. `Watched` - [Margin](https://www.youtube.com/watch?v=LEJkJ0AiKDw)\n  9. `Watched` - [Border](https://www.youtube.com/watch?v=XE7d1OoljyI)\n  10. `Watched` - [Outline](https://www.youtube.com/watch?v=NyOaxP-Adac)\n  11. `Watched` - [Display - Block, Inline Block, Inline](https://www.youtube.com/watch?v=-qbGxua98To)\n  12. `Watched` - [Element Visibility And Use Cases](https://www.youtube.com/watch?v=g2URo6kLtgg)\n  13. `Watched` - [Grouping Multiple Selectors](https://www.youtube.com/watch?v=NTccbXHW7AM)\n  14. `Watched` - [Nesting](https://www.youtube.com/watch?v=wo_S_Mfl3yg)\n  15. `Watched` - [Dimensions - Width And Height](https://www.youtube.com/watch?v=GIWYpmiv1Hc)\n  16. `Watched` - [Overflow - Overflow-X And Overflow-Y](https://www.youtube.com/watch?v=FQLRSbVdk28)\n  17. `Watched` - [Text - Color And Shadow](https://www.youtube.com/watch?v=P3xdm7md7AE)\n  18. `Watched` - [Text - Alignment](https://www.youtube.com/watch?v=IqCXELTTymo)\n  19. `Watched` - [Text - Decoration And Transform](https://www.youtube.com/watch?v=E-7k6sySXwE)\n  20. `Watched` - [Text - Spacing](https://www.youtube.com/watch?v=Hphs2vBjmQs)\n  21. `Watched` - [Text - Overflow And Use Cases](https://www.youtube.com/watch?v=0uWk0Ucz3c4)\n  22. `Watched` - [Inheritance](https://www.youtube.com/watch?v=fXcY14cm4_I)\n  23. `Watched` - [Typography - Font Family](https://www.youtube.com/watch?v=ftjKy7AAjVU)\n  24. `Watched` - [Typography - Font Size And CSS Units](https://www.youtube.com/watch?v=LDGfu6O5mI8)\n  25. `Watched` - [Typography - Font Style And Variant And Weight](https://www.youtube.com/watch?v=-siTKk8QqHo)\n  26. `Watched` - [Mouse Cursor](https://www.youtube.com/watch?v=l2Oz9QKd1PU)\n  27. `Watched` - [Float And Clear](https://www.youtube.com/watch?v=ZAb-oI23Oc4)\n  28. `Watched` - [Mastering The CSS Calculation](https://www.youtube.com/watch?v=Sujl_fq_Ofc)\n  29. `Watched` - [Opacity](https://www.youtube.com/watch?v=-3Q7sjYxStM)\n  30. `Watched` - [Position](https://www.youtube.com/watch?v=-q5IyjKkKSc\u0026t=472s)\n  31. `Watched` - [Z-Index](https://www.youtube.com/watch?v=Parqs9bbRMY)\n  32. `Watched` - [Lists Styling](https://www.youtube.com/watch?v=8VH59jP5s1M)\n  33. `Watched` - [Table Styling](https://www.youtube.com/watch?v=WgUbPZBh5cI\u0026t=349s)\n  34. `Watched` - [Pseudo Classes](https://www.youtube.com/watch?v=vEAPPfJfpk0)\n  35. `Watched` - [Pseudo Elements - First Letter, First Line, Selection](https://www.youtube.com/watch?v=6bZCaDyimCI)\n  36. `Watched` - [Pseudo Elements - Before, After, Content](https://www.youtube.com/watch?v=OIWZ4EXwlnA)\n  37. `Watched` - [Pseudo Elements - Content And Trainings](https://www.youtube.com/watch?v=4WT2eO8aM7U)\n  38. `Watched` - [Vendor Prefixes](https://www.youtube.com/watch?v=ZLNzjq4U8Ws)\n  39. `Watched` - [Border Radius](https://www.youtube.com/watch?v=76-r7wWCdkM)\n  40. `Watched` - [Box Shadow And Examples](https://www.youtube.com/watch?v=QGdK5Lrqxcg)\n  41. `Watched` - [The Box Model And Box Sizing](https://www.youtube.com/watch?v=9PDCOviQOwo)\n  42. `Watched` - [Transition](https://www.youtube.com/watch?v=B9wYvMHLCVE\u0026t=1s)\n  43. `Watched` - [!Important Declaration And Use Cases](https://www.youtube.com/watch?v=Lpy5XkEpp2A\u0026t=126s)\n  44. `Watched` - [The Margin Collapse](https://www.youtube.com/watch?v=0Zek-O9bzAo)\n  45. `Watched` - [CSS Variables And Trainings](https://www.youtube.com/watch?v=qATtKrSvvEo)\n  46. `Watched` - [Flex Box Parent - Direction, Wrap, Flow](https://www.youtube.com/watch?v=JkCLL1CzNZk)\n  47. `Watched` - [Flex Box Parent - Justify Content](https://www.youtube.com/watch?v=_ScoBsCdJ7U)\n  48. `Watched` - [Flex Box Parent - Align Items](https://www.youtube.com/watch?v=Nn-tFHepLoo)\n  49. `Watched` - [Flex Box Parent - Align Content](https://www.youtube.com/watch?v=sOlpkte0gPs)\n  50. `Watched` - [Flex Box Child - Grow, Shrink, Order](https://www.youtube.com/watch?v=F5a6wj3hfbg)\n  51. `Watched` - [Flex Box Child - Flex Basis, Flex Shorthand](https://www.youtube.com/watch?v=0W8KopNcyRY)\n  52. `Watched` - [Flex Box Child - Align Self, Games, Task](https://www.youtube.com/watch?v=t2e4aYHrowQ)\n  53. `Watched` - [Finish Flex Froggy Game](https://www.youtube.com/watch?v=-sUqEXFzbII)\n  54. `Watched` - [Filters](https://www.youtube.com/watch?v=2v9ZhqX6YOk)\n  55. `Watched` - [Gradients](https://www.youtube.com/watch?v=Skjr9fycnio)\n  56. `Watched` - [Pointer Events And Caret Color](https://www.youtube.com/watch?v=I6zKVKCewDc\u0026t=209s)\n  57. `Watched` - [Grid - Parent - Template Columns](https://www.youtube.com/watch?v=wYSAjaB3mL8)\n  58. `Watched` - [Grid - Parent - Template Rows And Gap](https://www.youtube.com/watch?v=gZ3XNPelC5Y)\n  59. `Watched` - [Grid - Parent - Justify Content And Align Content](https://www.youtube.com/watch?v=IsXAEilbm64)\n  60. `Watched` - [Grid - Parent - Complete Layout With Template Areas](https://www.youtube.com/watch?v=q6VtSllQHHo)\n  61. `Watched` - [Grid - Child - Grid Column And Grid Row](https://www.youtube.com/watch?v=7RZr_1qvR2g)\n  62. `Watched` - [Grid - Child - Grid Area And Trainings](https://www.youtube.com/watch?v=BJupwn_ii8g)\n  63. `Watched` - [Grid - Min, Max And Auto Fill](https://www.youtube.com/watch?v=NO4IeLSKNdw)\n  64. `Watched` - [Finish The Grid Garden Game](https://www.youtube.com/watch?v=-UvL4OoIsHo)\n  65. `Watched` - [2D Transform - Scale](https://www.youtube.com/watch?v=9KQP22oVCMg)\n  66. `Watched` - [2D Transform - Rotate](https://www.youtube.com/watch?v=AtOB_b0Cjyo)\n  67. `Watched` - [2D Transform - Translate](https://www.youtube.com/watch?v=PklNgYpJSXs)\n  68. `Watched` - [2D Transform - Skew](https://www.youtube.com/watch?v=N2G8JUK7kJs)\n  69. `Watched` - [2D Transform - Matrix](https://www.youtube.com/watch?v=OsypTHsvnVI)\n  70. `Watched` - [Transform - Origin](https://www.youtube.com/watch?v=DW0-7s_xJ90)\n  71. `Watched` - [3D Transform - Rotate](https://www.youtube.com/watch?v=WF9LU1IIERM\u0026t=28s)\n  72. `Watched` - [3D Transform - Translate, Perspective, Perspective Origin](https://www.youtube.com/watch?v=FnIdCYWmJ8A)\n  73. `Watched` - [3D Transform - Backface Visibility And Flip Product](https://www.youtube.com/watch?v=7G-a-PHsGyM)\n  74. `Watched` - [Animation - KeyFrames, Name, Duration](https://www.youtube.com/watch?v=cfq7u52lvfI)\n  75. `Watched` - [Animation - Iteration Count, Timing Function, Spinner Loading](https://www.youtube.com/watch?v=NPy2GGDX-kg)\n  76. `Watched` - [Animation - Direction, Fill Mode, Play State, Delay](https://www.youtube.com/watch?v=P2QAAXONOac)\n  77. `Watched` - [Up And Down Loading Animation Training](https://www.youtube.com/watch?v=9Q8W2YK3dyk)\n  78. `Watched` - [CSS Selectors Reference Part 1](https://www.youtube.com/watch?v=PbKHU1Fb1oQ\u0026t=340s)\n  79. `Watched` - [CSS Selectors Reference Part 2](https://www.youtube.com/watch?v=WPOpfk_eCVE)\n  80. `Watched` - [CSS Selectors Reference Part 3](https://www.youtube.com/watch?v=NJThXQrhmB0)\n  81. `Watched` - [CSS Selectors Reference Part 4](https://www.youtube.com/watch?v=s6vDg-XoZ_Y)\n  82. `Watched` - [CSS Selectors Reference Part 5](https://www.youtube.com/watch?v=eN9HxtDHREM)\n  83. `Watched` - [Media Queries And Responsive Designs Intro](https://www.youtube.com/watch?v=F9FAcVwSV4c)\n  84. `Watched` - [Media Queries And Responsive Designs Standards](https://www.youtube.com/watch?v=b2rWjPIZDT0)\n  85. `Watched` - [Media Queries And Responsive Designs Practice](https://www.youtube.com/watch?v=QdXQ0Wa9oPY)\n  86. `Watched` - [Create Your Framework](https://www.youtube.com/watch?v=xkFDwIPOzik)\n  87. `Watched` - [CSS Global Values](https://www.youtube.com/watch?v=iueBHixQyX0)\n  88. `Watched` - [The End And How To Master HTML And CSS](https://www.youtube.com/watch?v=YKUkssSbVls)\n\n\u003c/details\u003e\n\n#### Assignments Solved\n- **Total Assignments**: [76 of 76] - Topics: 20  \n  ![100%](https://progress-bar.dev/100/?title=Solved)  \n  Check Out The Assignments [Here 🤏](https://elzero.org/category/assignments/css-assignments/).\n  \n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n\u003csummary\u003e\u003cspan\u003e👉\u003c/span\u003e \u003cstrong\u003eCSS Courses \u0026 Articles\u003c/strong\u003e\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Learn/CSS\"\u003e Learn CSS - MDN Web Docs\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/\"\u003e CSS Tutorial - W3Schools\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.freecodecamp.org/learn/responsive-web-design/#basic-css\"\u003e Basic CSS - freeCodeCamp\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://css-tricks.com/\"\u003e CSS-Tricks\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.codecademy.com/learn/learn-css\"\u003e Learn CSS - Codecademy\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://web.dev/learn/css/\" \u003eLearn CSS - web.dev\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://flexboxfroggy.com/\" \u003eFlexbox Froggy - A game for learning CSS flexbox\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://gridbyexample.com/\"\u003e Grid by Example - CSS Grid Layout\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://cssreference.io/\"\u003e CSS Reference\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox\"\u003e Basic Concepts of Flexbox - MDN Web Docs\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout\"\u003e Basic Concepts of Grid Layout - MDN Web Docs\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.smashingmagazine.com/2022/06/complete-guide-css-functions/\"\u003e Complete Guide to CSS Functions\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n\u003ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eStatus\u003c/th\u003e\n      \u003cth\u003eAssignments\u003c/th\u003e\n      \u003cth\u003eSolutions\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n      \u003ctr\u003e\n      \u003ctd colspan=\"3\"\u003e\n        \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n        \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n      \u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/00%20-%20Lessons\"\u003eAll Lessons\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd rowspan=\"20\"\u003e\u003ccode\u003eSolved\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-1-to-4/\"\u003eAssignments From 01 To 04\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/01%20-%20Elements%20And%20Naming%2001%20~%2004\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-5-to-8/\"\u003eAssignments From 05 To 08\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/02%20-%20Background%2C%20Margin%2C%20Padding%2005%20~%2008\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-9-to-12/\"\u003eAssignments From 09 To 12\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/03%20-%20Border%2C%20Outline%2C%20Display%2009%20~%2012\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-13-to-16/\"\u003eAssignments From 13 To 16\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/04%20-%20Nesting%2C%20Dimensions%2C%20Overflow%2013%20~%2016\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-17-to-21/\"\u003eAssignments From 17 To 21\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/05%20-%20Text%20Formatting%2017%20~%2021\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-22-to-26/\"\u003eAssignments From 22 To 26\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/06%20-%20Inheritance%2C%20Typography%2022%20~%2026\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-27-to-29/\"\u003eAssignments From 27 To 29\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/07%20-%20Float%2C%20Opacity%2027%20~%2029\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-30-to-33/\"\u003eAssignments From 30 To 33\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/08%20-%20Position%2C%20List%2C%20Table%2030%20~%2033\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-34-to-37/\"\u003eAssignments From 34 To 37\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/09%20-%20Pseudo%20Classes%2C%20Pseudo%20Elements%2034%20~%2037\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-38-to-41/\"\u003eAssignments From 38 To 41\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/10%20-%20Border%20Radius%2C%20Box%20Shadow%2038%20~%2041\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-42-to-45/\"\u003eAssignments From 42 To 45\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/11%20-%20Transitions%2C%20Variables%2042%20~%2045\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-46-to-53/\"\u003eAssignments From 46 To 53\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/12%20-%20Flex%20Box%2046%20~%2053\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-54-to-56/\"\u003eAssignments From 54 To 56\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/13%20-%20Filters%2C%20Gradient%2054%20~%2056\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-57-to-64/\"\u003eAssignments From 57 To 64\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/14%20-%20Grid%2057%20~%2064\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-65-to-67/\"\u003eAssignments From 65 To 67\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/15%20-%20Scale%2C%20Rotate%2C%20Translate%2065%20~%2067\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-68-to-73/\"\u003eAssignments From 68 To 73\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/16%20-%20Skew%2C%20Matrix%2C%203D%20Transform%2068%20~%2073\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-74-to-77/\"\u003eAssignments From 74 To 77\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/17%20-%20Animation%2074%20~%2077\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-78-to-82/\"\u003eAssignments From 78 To 82\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/18%20-%20Selectors%2079%20~%2082\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-83-to-85/\"\u003eAssignments From 83 To 85\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/19%20-%20Media%20Queries%2083%20~%2085\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/css-assignments-lesson-from-86-to-88/\"\u003eAssignments From 86 To 88\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/CSS_Course/tree/main/20%20-%20Global%20Values%2086%20~%2088\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n  \u003ctfoot\u003e\n    \u003ctr\u003e\n      \u003ctd colspan=\"3\" style=\"text-align: center;\"\u003e\n          \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n          \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n        \u003ca href=\"https://progress-bar.dev/100/?title=Done\"\u003e\n          \u003cimg src=\"https://progress-bar.dev/100/?title=Done\" alt=\"100%\"\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tfoot\u003e\n\u003c/table\u003e\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n  \nFeel free to explore the repository, follow along with the course material, and practice with the provided assignments. Happy learning!\n\n## Contribution\nContributions are welcome! If you have suggestions, improvements, please open an issue or submit a pull request.\n\n## Contact\nYou can reach me via [Gmail](mailto:lamahmd122@gmail.com) or on [Telegram](http://t.me/GziXnine).\n\n\n## License\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Fcss_course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgzixnine%2Fcss_course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Fcss_course/lists"}