CSS Grid & Flexbox for Responsive Layouts, v2

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size1.7 GB
  • Uploaded Bytutsnode
  • Downloads107
  • Last checkedMay. 06th '22
  • Date uploadedMay. 04th '22
  • Seeders 30
  • Leechers6

Infohash : 6319FDA03A431AE000324259E232E4B69C7CAD15


Description

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You’ll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow. You’ll master using these techniques together along with responsive images to build real-world, responsive web layouts!

Published: October 26, 2021

Files:

CSS Grid & Flexbox for Responsive Layouts, v2 [TutsNode.com] - CSS Grid & Flexbox for Responsive Layouts, v2 8. Grid System
  • 2. Responsive Grid with CSS Grid.mp4 (78.4 MB)
  • 7. Magazine-Style Layouts with Grid Template Areas.mp4 (72.0 MB)
  • 6. Mosaic Grid Solution.mp4 (63.6 MB)
  • 9. Card Layouts with Flexbox & Grid.mp4 (59.9 MB)
  • 11. Final CSS Grid Solution.mp4 (45.9 MB)
  • 3. Figure & Figure Caption with CSS Grid.mp4 (45.1 MB)
  • 1. Grid System with CSS Grid.mp4 (40.6 MB)
  • 8. Card HTML Markup Practice.mp4 (38.2 MB)
  • 4. Combining Grid Cells & Animation.mp4 (25.4 MB)
  • 10. Final CSS Grid Exercise.mp4 (24.5 MB)
  • 5. Mosaic Grid Exercise.mp4 (17.1 MB)
4. Flexbox Practice
  • 3. Collections Practice.mp4 (76.2 MB)
  • 4. Mission Practice.mp4 (54.1 MB)
  • 1. Text Overlay Effect with Flexbox.mp4 (53.7 MB)
  • 5. Flexbox Footer Practice.mp4 (34.7 MB)
  • 2. Flexbox Exercises Setup.mp4 (22.3 MB)
6. Responsive Images & Picture Element
  • 4. Banner Demo.mp4 (70.0 MB)
  • 2. Responsive Images Best Practices.mp4 (47.1 MB)
  • 5. Hero Demo.mp4 (45.3 MB)
  • 7. Final Flexbox Solution.mp4 (34.7 MB)
  • 3. srcset & sizes Demo.mp4 (20.7 MB)
  • 6. Final Flexbox Exercise.mp4 (12.6 MB)
  • 1. Responsive Images Overview.mp4 (10.8 MB)
3. Flexbox Grid System
  • 3. Responsive Media Queries.mp4 (67.1 MB)
  • 1. Overview & Setup.mp4 (50.3 MB)
  • Coding a Flexbox Grid System - CSS Grid & Flexbox for Respon.mp4 (42.4 MB)
  • 2. Coding a Flexbox Grid System.mp4 (27.3 MB)
  • 5. Flexbox Grid System Solution.mp4 (18.9 MB)
  • 4. Flexbox Grid System Exercise.mp4 (4.7 MB)
5. Flexbox Header & Navbar
  • 2. Header & Navbar Styling for Desktop.mp4 (66.9 MB)
  • 1. Header & Navbar.mp4 (52.3 MB)
  • 4. Header & Navbar Styling for Mobile.mp4 (45.5 MB)
  • 3. Header & Navbar Styling for Tablet.mp4 (37.9 MB)
2. Flexbox
  • 3. Container Flexbox Properties Demo.mp4 (50.9 MB)
  • 4. Child Flexbox Properties Demo.mp4 (31.9 MB)
  • 1. Flexbox.mp4 (13.4 MB)
  • 2. Starting CSS Setup.mp4 (13.1 MB)
1. Introduction
  • 1. Introduction.mp4 (37.6 MB)
  • 2. Responsive Design Overview.mp4 (18.8 MB)
7. CSS Grid
  • 2. Line-Based CSS Grid Layout Demo.mp4 (32.9 MB)
  • 1. Introducing CSS Grid.mp4 (31.3 MB)
  • 4. Sizing Rows & Columns.mp4 (19.8 MB)
  • 5. Grid Layout with Span Notation Demo.mp4 (18.2 MB)
  • 3. Rows & Columns Practice.mp4 (9.2 MB)
9. Wrapping Up
  • 1. Wrapping Up.mp4 (9.6 MB)
  • TutsNode.com.txt (0.1 KB)
  • [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)
  • .pad
    • 0 (110.3 KB)
    • 1 (352.8 KB)
    • 2 (486.6 KB)
    • 3 (40.5 KB)
    • 4 (455.2 KB)
    • 5 (111.7 KB)
    • 6 (392.5 KB)
    • 7 (80.4 KB)
    • 8 (424.4 KB)
    • 9 (317.7 KB)
    • 10 (175.7 KB)
    • 11 (134.8 KB)
    • 12 (202.8 KB)
    • 13 (359.5 KB)
    • 14 (108.6 KB)
    • 15 (42.7 KB)
    • 16 (197.9 KB)
    • 17 (428.1 KB)
    • 18 (118.3 KB)
    • 19 (368.7 KB)
    • 20 (293.7 KB)
    • 21 (95.6 KB)
    • 22 (392.6 KB)
    • 23 (304.7 KB)
    • 24 (351.5 KB)
    • 25 (150.7 KB)
    • 26 (105.4 KB)
    • 27 (222.9 KB)
    • 28 (155.9 KB)
    • 29 (101.6 KB)
    • 30 (16.7 KB)
    • 31 (244.4 KB)
    • 32 (286.2 KB)
    • 33 (206.4 KB)
    • 34 (150.8 KB)
    • 35 (252.7 KB)
    • 36 (322.5 KB)
    • 37 (414.2 KB)
    • 38 (51.4 KB)
    • 39 (429.1 KB)
    • 40 (408.7 KB)
    • 41 (179.9 KB)
    • 42 (396.9 KB)
    • 43 (343.3 KB)

Code:

  • udp://open.stealth.si:80/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • udp://fasttracker.foreverpirates.co:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://tracker.uw0.xyz:6969/announce
  • udp://opentracker.i2p.rocks:6969/announce
  • udp://tracker.birkenwald.de:6969/announce
  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.moeking.me:6969/announce
  • udp://tracker.dler.org:6969/announce
  • udp://9.rarbg.me:2970/announce