CSS Gridها به زبان ساده
CSS Grids Simplified
Grid is one of the most powerful tools in CSS, but also the most confusing one. Once you master creating layouts with CSS grids, you’ll wonder how you lived without it.
In this course, we'll use real world examples and layouts to learn about the CSS properties related to grid. Hopefully, by the conclusion of this series, you'll have a much better understanding of the finer details.
قسمتهای دوره
نگاهی اولیه به CSS Grid
4m 20sCreate your first CSS Grid layout in minutes and learn how to make it responsive. Start building flexible, modern web designs with ease and confidence!
اندازهگذاری سلولها
5m 14sExplore advanced CSS Grid sizing units for columns and cells. Learn how different units impact your layout to create precise, responsive designs!
ایجاد ردیفها
6m 7sLearn how to create and size rows in CSS Grid. Expand your layout skills by mastering row dimensions for flexible, well-structured web designs!
فاصله بین سلولها
8m 2sMaster spacing between CSS Grid cells with key properties and values. Learn how to control gaps for clean, balanced layouts in your web designs!
فاصله افقی و عمودی
6m 50sLearn how to control horizontal and vertical spacing in CSS Grid. Align content perfectly within rows and columns for clean, balanced layouts every time!
تراز کردن سلول تکی
7m 15sLearn how to align individual CSS grid cells for perfect layouts. Master cell-specific alignment techniques to create flexible, polished designs!
ادغام و جابجایی سلولها
9m 19sLearn how to merge, span, and swap grid cells using CSS grid lines. Master powerful layout techniques with clear, friendly Laracasts tutorials!
نواحی Grid نامدار
7m 34sLearn how to use named grid areas to position content easily within CSS grids. Simplify layout design with clear, friendly guidance from Laracasts tutorials!
مقادیر اندازهگذاری پیشرفته
9m 25sMaster advanced sizing values for grid columns and rows to control layout with precision. Elevate your CSS skills with clear, friendly Laracasts tutorials!
Gridهای واکنشگرا بدون Media Query
7m 12sDiscover how to create responsive CSS grid layouts without media queries and simplify your design process with this powerful, flexible grid technique.
جریان خودکار و اندازهگذاری Gridهای ضمنی
9m 50sLearn how to control CSS Grid’s auto flow and master implicit grid sizing to create flexible, dynamic layouts that adapt effortlessly to your content.
یادگیری خود را به آزمون بگذارید
7m 53sTest your CSS Grid skills by building a complex three-level nested layout, combining key concepts to create responsive, modern web designs with confidence.




