{"id":10403,"date":"2026-08-10T10:18:44","date_gmt":"2026-08-10T10:18:44","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-10-days-of-css-grid-2025-1\/"},"modified":"2026-08-10T10:18:44","modified_gmt":"2026-08-10T10:18:44","slug":"udemy-10-days-of-css-grid-2025-1","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-10-days-of-css-grid-2025-1\/","title":{"rendered":"Udemy \u2013 10 Days Of CSS Grid 2025-1"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"51:1-51:161\"><span style=\"vertical-align: inherit\">10 Days Of CSS Grid Course. This course is a comprehensive program that helps you gain practical skills in using CSS Grid in a short period of time. Focusing on hands-on learning, this course starts with the basics like creating simple forms with grid-template-columns and gradually progresses to more complex designs like timeline, nested design, mobile layout, keyboard, diamond, split image, responsive web page and dropdown menu. Over the course of 10 days, you will be introduced to key features like grid-gap, justify-content, align-items, grid-template-areas and subgrid and learn how to apply them in real projects. This course is designed so that upon completion, you will be able to easily use CSS Grid in your web designs. Sign up today to start your learning journey.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"53:1-53:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"55:1-65:0\">\n<li data-sourcepos=\"55:1-55:27\"><span style=\"vertical-align: inherit\">Day 1: CSS Grid Form Design<\/span><\/li>\n<li data-sourcepos=\"56:1-56:48\"><span style=\"vertical-align: inherit\">Day 2: CSS Grid Design with Centered Multicolor Boxes<\/span><\/li>\n<li data-sourcepos=\"57:1-57:31\"><span style=\"vertical-align: inherit\">Day 3: CSS Grid Timeline Design<\/span><\/li>\n<li data-sourcepos=\"58:1-58:30\"><span style=\"vertical-align: inherit\">Day 4: Nested CSS Grid Design<\/span><\/li>\n<li data-sourcepos=\"59:1-59:30\"><span style=\"vertical-align: inherit\">Day 5: Mobile CSS Grid Design<\/span><\/li>\n<li data-sourcepos=\"60:1-60:30\"><span style=\"vertical-align: inherit\">Day 6: CSS Grid Keyboard Design<\/span><\/li>\n<li data-sourcepos=\"61:1-61:28\"><span style=\"vertical-align: inherit\">Day 7: Designing a CSS Grid Diamond<\/span><\/li>\n<li data-sourcepos=\"62:1-62:39\"><span style=\"vertical-align: inherit\">Day 8: CSS Grid Split Image Design<\/span><\/li>\n<li data-sourcepos=\"63:1-63:40\"><span style=\"vertical-align: inherit\">Day 9: CSS Grid Responsive Web Page Design<\/span><\/li>\n<li data-sourcepos=\"64:1-65:0\"><span style=\"vertical-align: inherit\">Day 10: Design a Responsive CSS Grid Dropdown Menu<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"66:1-66:32\"><span style=\"vertical-align: inherit\">Who is this course suitable for?<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"68:1-70:0\">\n<li data-sourcepos=\"68:1-68:124\"><span style=\"vertical-align: inherit\">Intermediate people who have basic\/introductory knowledge of CSS Grid features and want to expand their knowledge by building practical projects.<\/span><\/li>\n<li data-sourcepos=\"69:1-70:0\"><span style=\"vertical-align: inherit\">Anyone looking to see how to use CSS Grid in different design layouts.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">10 Days Of CSS Grid Course Details<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/10-days-of-css-grid\/?couponCode=CP130525BRGB\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Udemy<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor:&nbsp; <\/span><a class=\"ud-btn ud-btn-medium ud-btn-link ud-heading-sm ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/joshan-grewal\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Joshan Grewal<\/span><\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 3 hours and 12 minutes<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course syllabus as of 2025\/3<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-984746 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/10-Days-Of-CSS-Grid-1.png\" alt=\"10 Days of CSS Grid\" width=\"882\" height=\"781\"><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Prerequisites for the 10 Days Of CSS Grid course<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Introductory\/Foundational knowledge of CSS Grid and all of its main properties.<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Students should have a good understanding of how to set up and create basic HTML documents.<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Students should have a good understanding of generic CSS.<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">A web browser is required. We will use Google Chrome and will occasionally make use of the Chrome Dev Tools.<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">A coding editor is required. We will use VS Code with the Live Server plugin installed.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-984747 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/10-Days-Of-CSS-Grid.png\" alt=\"10 Days of CSS Grid\" width=\"833\" height=\"354\"><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-165266-1\"><video class=\"wp-video-shortcode\" id=\"video-165266-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/10_Days_Of_CSS_Grid_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/10_Days_Of_CSS_Grid_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/10_Days_Of_CSS_Grid_Downloadly.ir.mp4?nocache=1786137952160\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/10_Days_Of_CSS_Grid_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_10_Days_Of_CSS_Grid_2025-1.part1_Downloadly.ir.rar?nocache=1786137951\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_10_Days_Of_CSS_Grid_2025-1.part2_Downloadly.ir.rar?nocache=1786137951\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_10_Days_Of_CSS_Grid_2025-1.part3_Downloadly.ir.rar?nocache=1786137951\"><span style=\"vertical-align: inherit\">Download Part 3 \u2013 30 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">2.03 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description 10 Days Of CSS Grid Course. This course is a comprehensive program that helps you gain practical skills in using CSS Grid in a short period of time.<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[87962,87963,87964,87965,87966,87967],"class_list":["post-10403","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-10-days-of-css-grid","dgi_tag-download-10-days-of-css-grid","dgi_tag-download-course-10-days-of-css-grid","dgi_tag-free-10-days-of-css-grid","dgi_tag-free-download-10-days-of-css-grid","dgi_tag-joshan-grewal"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10403\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10403"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10403"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}