Aim was to learn CSS in depth. Example practiced and concepts learn in this project were from udemy course by Maximilian Schwarzmüller
The learnig process was divided into threee sections:
Naming conventions followed in this tutorial is BEM model.
- This level includes grsaping fundamentals of CSS which are also considered as building blocks of CSS.
- Topics covered in this section were:
- CSS intro (what is CSS, history: past, present and future)
- How to include CSS in project
- Selectors and Combinators
- CSS box model
- Understanding visibility
- Grouping rules
- Classes / Ids / Pseudo selectors
- Branch 01_basics covers these functionalities
- This topics covers complex topics like
- Positioning Elements
- Handling backrgound elements and images
- Sizes and Units
- Working with JavaScript and CSS
- Responsive Web Design
- Adding and Styling Forms
- Working with custom text and fonts
- Branch 02_intermediate covers these functionalities
- This topic covers some of advance features of CSS that are used in modern websites like:
- Flexbox
- Grid
- Transformations
- Animations
- Best Practices
- SASS
- Branch 03_advance covers these functionalities
End Project URL: https://aakash14goplani.github.io/CSS-In-Depth/