kingers Posted May 18 Report Share Posted May 18 10 Days Of Css Grid Published 3/2025 MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz Language: English | Size: 2.01 GB | Duration: 3h 12mA course designed to give you the confidence in applying CSS Grid given different design scenarios. What you'll learn Day 1: Form CSS Grid Design Day 2: Multi Colored Centered Boxes CSS Grid Design Day 3: Timeline CSS Grid Design Day 4: Nested Grid CSS Design Day 5: Mobile CSS Grid Design Day 6: Keyboard CSS Grid Design Day 7: Diamond CSS Grid Design Day 8: Split Image CSS Grid Design Day 9: Responsive Webpage CSS Grid Design Day 10: Responsive Navigation Dropdown Menu CSS Grid Design Requirements Students should have a good understanding of how to setup and create basic HTML documents. Students should have a good understanding of generic CSS. A web browser is required. We will use Google Chrome and will occasionally make use of the Chrome Dev Tools. A coding editor is required. We will use VS Code with the Live Server plugin installed. Description Do you want to master CSS Grid? Well look no further, in this comprehensive course "10 Days Of CSS Grid" specifically designed to provide you with full confidence in applying CSS Grid given different design scenarios. The course is structured in a way so that we can start by applying the CSS Grid layout model to some basic designs before gradually moving to more complex designs. In terms of the CSS Grid properties that will be explored this course will not necessarily explain the theory behind them but instead show how they can be used across different projects. Below is an overview of the projects we will cover in this course:Day 1: Form CSS Grid DesignOn Day 1, you will explore how the grid-template-columns property can be used so that we can declare two columns of equal widths.Day 2: Multi Colored Centered Boxes CSS Grid DesignOn Day 2, you will learn how we can use the grid-template-columns, justify content, align-content and grid-gap properties to achieve a centralized box design layout with different colors.Day 3: Timeline CSS Grid DesignOn Day 3, you will learn how we can use the grid-template-columns, grid-column-gap, justify-self properties to achieve a timeline based layout.Day 4: Nested CSS Grid DesignOn Day 4, you will learn how we can use properties like grid-template-columns, justify-items and align-items to achieve a nested grid design.Day 5: Mobile CSS Grid DesignOn Day 5, you will learn how we can use properties like grid-template-columns, grid-template-rows, grid-auto-rows, grid-row, align-self, justify-items and align-items to construct a generic mobile design.Day 6: Keyboard CSS Grid DesignOn Day 6, you will learn how we can use properties like grid-template-columns, grid-gap, grid-column, justify-items and align-items to construct a generic keyboard design.Day 7: Diamond Grid CSS Grid DesignOn Day 7, you will learn how to use properties like grid-template-columns, grid-gap and grid-column to create a diamond grid design.Day 8: Split Image CSS Grid DesignOn Day 8, you will learn how to create a split image grid layout using properties such as grid-template-columns, grid-template-rows, grid-gap and grid-column.Day 9: Responsive Webpage CSS Grid DesignOn Day 9, you will learn how to use properties like grid-template-columns, grid-template-rows, grid-column-gap, grid-template-areas, grid-auto-flow, grid-auto-rows, justify-content, align-self, justify-self, justify-items and align-items to create a responsive webpage grid design.Day 10: Responsive Dropdown Navigation Menu CSS Grid DesignOn Day 10, you will learn how to build a responsive navigation dropdown menu using properties like grid-template-columns, grid-template-rows, justify-items, align-items, justify-content, align-content and justify-self.By the end of the course, you should have a solid understanding in how you can incorporate the CSS Grid layout model into your own website designs. Enroll now and lets master CSS Grid together. Overview Section 1: Introduction Lecture 1 Introduction Lecture 2 Additional Notes Section 2: Day 1: Form CSS Grid Design Lecture 3 Form CSS Grid Design Overview Lecture 4 Form CSS Grid Design - HTML Lecture 5 Form CSS Grid Design - CSS Section 3: Day 2: Multi Coloured Centered Boxes CSS Grid Design Lecture 6 Multi Coloured Centered Boxes CSS Grid Design Overview Lecture 7 Multi Coloured Centered Boxes CSS Grid Design - HTML Lecture 8 Multi Coloured Centered Boxes CSS Grid Design - CSS Section 4: Day 3: Timeline CSS Grid Design Lecture 9 Timeline CSS Grid Design Overview Lecture 10 Timeline CSS Grid Design - HTML Lecture 11 Timeline CSS Grid Design - CSS Section 5: Day 4: Nested Grid CSS Grid Design Lecture 12 Nested Grid CSS Grid Overview Lecture 13 Nested Grid CSS Grid - HTML Lecture 14 Nested Grid CSS Grid - CSS Section 6: Day 5: Mobile CSS Grid Design Lecture 15 Mobile CSS Grid Design Overview Lecture 16 Mobile CSS Grid Design - HTML Lecture 17 Mobile CSS Grid Design - CSS Section 7: Day 6: Keyboard CSS Grid Design Lecture 18 Keyboard CSS Grid Design Overview Lecture 19 Keyboard CSS Grid Design - HTML Lecture 20 Keyboard CSS Grid Design - CSS Section 8: Day 7: Diamond CSS Grid Design Lecture 21 Diamond CSS Grid Design Overview Lecture 22 Diamond CSS Grid Design - HTML Lecture 23 Diamond CSS Grid Design - CSS Section 9: Day 8: Split Image CSS Grid Design Lecture 24 Split Image CSS Grid Design Overview Lecture 25 Split Image CSS Grid Design - HTML Lecture 26 Split Image CSS Grid Design - CSS Section 10: Day 9: Responsive Webpage Design Lecture 27 Responsive Webpage CSS Grid Design Overview Lecture 28 Responsive Webpage CSS Grid Design - HTML Lecture 29 Responsive Webpage CSS Grid Design - CSS Section 11: Day 10: Response Navigation Dropdown Menu CSS Grid Design Lecture 30 Responsive Navigation Dropdown Menu CSS Grid Design Overview Lecture 31 Responsive Navigation Dropdown Menu CSS Grid Design - HTML Lecture 32 Responsive Navigation Dropdown Menu CSS Grid Design - CSS Anyone looking to feel confident in designing webpages using the CSS Grid layout model.,Anyone looking to see how CSS Grid can be used given different design layouts.DDownloadhttps://ddownload.com/5699a3rr4mn4/yxusj.Udemy_10_Days_Of_CSS_Grid.part1.rarhttps://ddownload.com/lezarpbcagvo/yxusj.Udemy_10_Days_Of_CSS_Grid.part2.rarhttps://ddownload.com/w0iep4uh6p9k/yxusj.Udemy_10_Days_Of_CSS_Grid.part3.rarAusFilehttps://ausfile.com/9t5t9j2pmn0j/yxusj.Udemy_10_Days_Of_CSS_Grid.part1.rarhttps://ausfile.com/iifomcl4jini/yxusj.Udemy_10_Days_Of_CSS_Grid.part2.rarhttps://ausfile.com/0qktrd1hfucw/yxusj.Udemy_10_Days_Of_CSS_Grid.part3.rarRapidGatorhttps://rapidgator.net/file/34a9c9c3e5e0bdf3d9830cd9595a5c0c/yxusj.Udemy_10_Days_Of_CSS_Grid.part1.rarhttps://rapidgator.net/file/0e31218cead52d4056f997511c65fd92/yxusj.Udemy_10_Days_Of_CSS_Grid.part2.rarhttps://rapidgator.net/file/71b88258e6c87139b5db53e6491234dd/yxusj.Udemy_10_Days_Of_CSS_Grid.part3.rar Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now