About the course
Learn CSS Grid Layout from scratch and create responsive layout. Learn by doing layout task.
What Will I Learn?
Solid understanding of how CSS Grid System is created
Create Responsive layout without media query
Basic to advanced layout creation
Create flexible layout
- Basic HTML & CSS
- Any Text editor & OS
- Any Browser (Firefox recommended)
Are you bored of using third party grid system with their limitations??
Do you want to learn how CSS can give you more flexible grid system??
YES. Then this is perfect place to learn CSS grid system.
This course will start from scratch with your basic HTML & CSS knowledge.
I will give you explanations and teminology in best easy way possible with my greate animation presenation. So, you won't get confused at any point.
You will learn from basics of CSS grid system and then to some light weight topics which will keep you refreshed and confident in coding.
After that I will give you 1 layout task so you can practice and try your hands on sample layout. I will not give you layout with content like images and text in it. But, We will create basic layout that can help you later when bulding layout with images and text based content. And you will learn total 3 diffrent methods to build this sample layout.
Then you will get in more complex stuff where you will learn
- aligning items
- alignign tracks
- what is explicit grids
- how to handle and work with content.
After that we will learn most important thing now a days, Responsive layout.
We will learn how to build responsive layout using CSS grid system without writing even single media query.
Why This Course??
- Clear fundamentals of CSS grid system.
- Learn with great demonstration and presentation.
- Learn how to create advanced & flexible layout.
- English closed caption (correct not auto-generated)
- Coded files
- Downloadable Videos
Course Update: Work In progress ( Real world Exercises + Project )
Who is the target audience?
- HTML & CSS beginners (Not for absolute beginners - Basic HTML & CSS required)
- Front-end developers who want to learn CSS grid system instead of third party grid system
Jira Agile Project Management: Confluence & Software Testing