FeaturedUdemy
UdemyMastering CSS Grid
4.6(110)3k studentsALL LEVELS
UdemyRather than treating CSS Grid as one big topic, this course breaks it into its individual properties — template columns and rows, grid units, gap, auto-flow, explicit and implicit lines, and the repeat and minmax functions — and pairs each one with a practice exercise.
Front-end developers and designers who already write HTML and CSS but haven't fully adopted grid-based layout, and want a structured way to move past flexbox-only or float-based layouts.
The exercise-per-property structure is what stands out here — it turns an otherwise abstract layout system into something you practice hands-on as you go, rather than only reading about.
CSS grid is a new way for creating a 2 dimensional layout that gives you the ability to create any advanced web pages layout with an easy way and literally short lines of code.
This course targets all front-end developers or if you are a designer who is coding some HTML & CSS for creating pages/ components layout.
In this course we start from beginning to know :
The CSS grid terminology (which are the basis that will help you learn CSS grid easily).
Then Will cover all the css grid properties that gives us the ability of creating advanced and creative layouts. Such as:
Grid display properties
Grid-template- columns&rows
Grid units
Grid-gap
Grid-auto-flow
The explicit & implicit lines
naming the grid lines
the Repeat and Minmax functions
Ways of positioning the grid items
Grid items overlapping
The grid alignments
And each property you will learn by practice. As there is an exercise file for each explained property in this course, so you can apply it by yourself after each video.
Not only that!
We will apply all these css grid concepts and properties in a real project, which is designed specifically for this course. So you can apply all what you will learn by this course on real practical project.
So what you are waiting for? enroll now and see you there :)
Advertisement
More in Development
