CSS: Combining Grid and Flexbox

Category Other
Type Tutorials
Language English
Total size 842.6 MB
Uploaded By tutsnode

Downloads 209
Last checked 3 weeks ago
Date uploaded 4 years ago
Seeders 9
Leechers 2

Infohash : 16616E1271154C9EAC7A302C8018AF80BCB0A9F0

Description

With Grid and Flexbox, CSS is changing dramatically. Whereas in the past, creating complex layouts required all sorts of CSS hacks, JavaScript, or both, now you can use Flexbox and Grid—tools designed specifically for layouts—to create responsive web pages with precise, custom layouts. In this course, Emily Kay covers the basics of Flexbox and Grid separately, from syntaxes to properties to how they work in general. After that, she details instances where you may need to use both to accomplish your layout goals. As Emily shows, when you use Flexbox and Grid together to combine their separate strengths, you can create and display complex web content in a beautiful, user-friendly way.

                Files: 

                CSS Combining Grid and Flexbox
[TutsNode.com] - CSS Combining Grid and Flexbox
Ex_Files_CSS_Combining_Grid_and_Flexbox.zip (119.2 MB)
[3] 2. What is Grid[5] Grid item properties.srt (15.9 KB)
[4] Grid container properties.srt (14.6 KB)
[6] Functions and keywords.srt (13.2 KB)
[3] How does Grid work.srt (12.8 KB)
[8] Using Grid Solution.srt (7.2 KB)
[7] Using Grid Challenge.srt (5.0 KB)
[1] What is Grid.srt (4.9 KB)
[2] Grid syntax.srt (3.5 KB)
[5] Grid item properties.mp4 (29.3 MB)
[4] Grid container properties.mp4 (27.3 MB)
[6] Functions and keywords.mp4 (27.1 MB)
[3] How does Grid work.mp4 (21.7 MB)
[1] What is Grid.mp4 (14.2 MB)
[8] Using Grid Solution.mp4 (12.3 MB)
[7] Using Grid Challenge.mp4 (7.5 MB)
[2] Grid syntax.mp4 (5.5 MB)
[1] Introduction[1] Custom web layouts with Grid and Flexbox.srt (1.7 KB)
[3] What you should know.srt (2.8 KB)
[4] Using development tools.srt (8.1 KB)
[2] Using the exercise files.srt (4.3 KB)
[4] Using development tools.mp4 (22.5 MB)
[1] Custom web layouts with Grid and Flexbox.mp4 (7.5 MB)
[2] Using the exercise files.mp4 (5.0 MB)
[3] What you should know.mp4 (4.7 MB)
[5] 4. Build a Webpage Using Flexbox and Grid[13] Picture gallery.srt (14.9 KB)
[2] Webpage header with hero section.srt (13.8 KB)
[8] Team section for mobile.srt (13.7 KB)
[4] Create a horizontal menu for desktops.srt (12.6 KB)
[14] Footer for large screen.srt (11.7 KB)
[3] Create a hamburger menu for mobile.srt (11.3 KB)
[11] Media objects for mobile.srt (10.7 KB)
[6] Web cards, part 2.srt (10.4 KB)
[15] Footer for extra large screens.srt (9.3 KB)
[5] Web cards, part 1.srt (9.2 KB)
[10] Problem section.srt (8.9 KB)
[12] Media objects for desktop.srt (7.4 KB)
[9] Team section for desktops.srt (6.3 KB)
[13] Picture gallery.mp4 (40.3 MB)
[1] Overview of the project.srt (4.3 KB)
[4] Create a horizontal menu for desktops.mp4 (27.5 MB)
[2] Webpage header with hero section.mp4 (27.0 MB)
[3] Create a hamburger menu for mobile.mp4 (23.8 MB)
[8] Team section for mobile.mp4 (22.7 MB)
[5] Web cards, part 1.mp4 (22.6 MB)
[6] Web cards, part 2.mp4 (20.6 MB)
[14] Footer for large screen.mp4 (19.9 MB)
[15] Footer for extra large screens.mp4 (17.4 MB)
[11] Media objects for mobile.mp4 (17.4 MB)
[1] Overview of the project.mp4 (17.2 MB)
[10] Problem section.mp4 (15.2 MB)
[12] Media objects for desktop.mp4 (14.1 MB)
[7] CTA summaries.mp4 (12.0 MB)
[9] Team section for desktops.mp4 (10.6 MB)
[2] 1. What Is Flex[4] Flexbox item properties.srt (13.3 KB)
[6] Using Flexbox Solution.srt (8.6 KB)
[2] Flexbox syntax.srt (6.8 KB)
[3] Flexbox container properties.srt (4.9 KB)
[5] Using Flexbox Challenge.srt (4.5 KB)
[1] What is Flexbox.srt (4.0 KB)
[4] Flexbox item properties.mp4 (22.7 MB)
[6] Using Flexbox Solution.mp4 (13.4 MB)
[2] Flexbox syntax.mp4 (10.3 MB)
[3] Flexbox container properties.mp4 (8.4 MB)
[5] Using Flexbox Challenge.mp4 (6.8 MB)
[1] What is Flexbox.mp4 (5.3 MB)
[7] 6. Support[2] Feature queries.srt (10.9 KB)
[1] Compatibility and resources.srt (4.8 KB)
[2] Feature queries.mp4 (27.8 MB)
[1] Compatibility and resources.mp4 (8.8 MB)
[4] 3. Combining Technologies[6] Using Grid and Flexbox Solution.srt (10.8 KB)
[1] Grid vs. Flexbox.srt (8.7 KB)
[5] Using Grid and Flexbox Challenge.srt (6.8 KB)
[4] Choosing the right solution for the job.srt (5.4 KB)
[3] Analyzing a layout.srt (4.7 KB)
[2] Combining Flexbox and Grid.srt (3.2 KB)
[6] Using Grid and Flexbox Solution.mp4 (26.9 MB)
[5] Using Grid and Flexbox Challenge.mp4 (16.4 MB)
[1] Grid vs. Flexbox.mp4 (13.3 MB)
[3] Analyzing a layout.mp4 (11.4 MB)
[4] Choosing the right solution for the job.mp4 (9.3 MB)
[2] Combining Flexbox and Grid.mp4 (4.9 MB)
[6] 5. Build a Form Using Flexbox and Grid[3] Form for desktops.srt (9.9 KB)
[2] Form for mobile.srt (6.1 KB)
[1] Overview of project.srt (5.6 KB)
[3] Form for desktops.mp4 (13.7 MB)
[2] Form for mobile.mp4 (10.4 MB)
[1] Overview of project.mp4 (8.8 MB)
[8] Conclusion[1] Next steps.srt (1.2 KB)
[1] Next steps.mp4 (1.6 MB)
TutsNode.com.txt (0.1 KB)
[TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)
.pad0 (2.2 KB)
1 (176.6 KB)
2 (171.1 KB)
3 (169.0 KB)
4 (461.1 KB)
5 (174.1 KB)
6 (390.9 KB)
7 (485.9 KB)
8 (70.6 KB)
9 (246.3 KB)
10 (327.7 KB)
11 (329.4 KB)
12 (444.8 KB)
13 (469.8 KB)
14 (313.1 KB)
15 (364.8 KB)
16 (54.3 KB)
17 (69.9 KB)
18 (131.8 KB)
19 (336.4 KB)
20 (94.3 KB)
21 (297.8 KB)
22 (354.9 KB)
23 (447.8 KB)
24 (351.1 KB)
25 (82.7 KB)
26 (241.5 KB)
27 (184.8 KB)
28 (32.5 KB)
29 (128.8 KB)
30 (433.6 KB)
31 (138.3 KB)
32 (205.5 KB)
33 (185.3 KB)
34 (168.5 KB)
35 (189.3 KB)
36 (62.5 KB)
37 (490.0 KB)
38 (50.4 KB)
39 (215.2 KB)
40 (49.1 KB)
41 (213.0 KB)
42 (34.4 KB)
43 (62.6 KB)
44 (279.3 KB)

There are currently no comments. Feel free to leave one :)

Code:

udp://inferno.demonoid.pw:3391/announce
udp://tracker.openbittorrent.com:80/announce
udp://tracker.opentrackr.org:1337/announce
udp://torrent.gresille.org:80/announce
udp://glotorrents.pw:6969/announce
udp://tracker.leechers-paradise.org:6969/announce
udp://tracker.pirateparty.gr:6969/announce
udp://tracker.coppersurfer.tk:6969/announce
udp://ipv4.tracker.harry.lu:80/announce
udp://9.rarbg.to:2710/announce
udp://shadowshq.yi.org:6969/announce
udp://tracker.zer0day.to:1337/announce