[HTML/CSS Layout] Using Grid makes it easier to create complex layouts than with Flexbox [Programming course for beginners by a former Yahoo engineer] - しまぶーのIT大学 - World Latest Movie, Series, Videos and Trailers | fetery.com

[HTML/CSS Layout] Using Grid makes it easier to create complex layouts than with Flexbox [Programming course for beginners by a former Yahoo engineer]

95,448 views

しまぶーのIT大学

Published on May 9, 2020

About :

I created this course because I wanted to introduce the layout using CSS Grid Areas to everyone, as it is very convenient. I highly recommend it because it is very easy to create designs. Please give it a try. 👇 Benefits1: Unnecessary divs in HTML disappear2: CSS for child elements in Grid becomes simple3: Responsive design is easy4: Design is visually easy5: No need to worry about margins🐙 GitHub (code used) https://github.com/lightsound/html-cs... 📙 Table of contents0:00 Review of the previous Holy Grail Layout2:22 Using Grid eliminates unnecessary div tags3:11 Recreating the Holy Grail Layout using Grid5:23 Explanation of grid-template and grid-areas6:25 How to specify height8:10 How to specify width9:53 Responsive support12:51 Introduction to the gap property13:41 Introducing margin techniques used in practice16:05 Techniques for specifying margins on the outer perimeter as well18:01 Discussion of units that can be used with grid-template18:40 Introduction to the useful unit minmax20:31 Summary of the benefits of using grid areas21:05 Explaining how to view the code used this time on GitHub21:29 Discussion of compatible browsers for grid-template21:52 Summary🔥Watch this video! [HTML/CSS Layout #1] We will be holding a layout course where you can learn practical design as well • [HTML/CSS Layout #1] We will be holding a layout course where you can learn practical design as well... [HTML/CSS Layout Extra Edition] I made a Chrome extension that is useful for coding • [HTML/CSS Layout Extra Edition] I made a Chrome extension that is useful for coding... [HTML/CSS Layout] Holy Grail Layout Coding Practice, Design Explanation • [HTML/CSS Layout] Holy Grail Layout Coding Practice, Design Explanation... 👨‍💻 About MeI used to work as a programmer at Yahoo Japan Corporation! I am currently developing a new service as an entrepreneur! If you are interested in the following, please subscribe to our channel!・IT industry, web-related, programming courses ・Remote work, working from home, side job ・Startup, venture, manager, CEO 🌏 SNS Twitter: / shimabu_it Instagram: / shimabu_it 🏷️ Tags #Grid #Web design #Coding

vidoe Comments

Trend Videos

40:46

Complete all 117 Minecraft achievements

코마

595,028 views 4 days ago

6:44

This is how to eat old pumpkin!! Make a lot and keep it for a long time. Old pumpkin vinegar that you can eat like a health supplement.

sogyo table 소교식탁TV

203,480 views 2 days ago

20:30

My first Shibuya Sky

유우키의 일본이야기 YUUKI

320,266 views 5 days ago

14:02

🇺🇸American Daily Life I made kimbap and shared it with my neighbors, and they were all crazy about how delicious it was A foreign neighbor who is new to samgyeopsal, kimchi, and soju

인디애나 주영 Indiana Jooyoung

620,247 views 2 days ago

26:23

Don't come now and pretend to be sad and sorry

걍밍경

522,580 views 1 day ago

19:57

[VLOG] Tearful Taeyomine Dongdong's Birth Vlog 👼🏻

태요미네

1,797,961 views 13 days ago

16:51

[Rising in popularity] 'Easy Dongchimi' that's really easy and quick to make! Everyone is surprised by how clean the broth is~(+Ninja tool)

땅끝마을 임선생

137,459 views 2 days ago

9:06

Lee Yoon-yi's 25-year-older sister Soobin 👶🏻💖👩🏻‍🦰

김승현가족

354,704 views 3 days ago

26:09

New Flight Attendant Experience Part 1

주호다

235,994 views 2 days ago

10:24

✧Alice in Musicland✧ StelLive Cover

시라유키 히나 SHIRAYUKI HINA

267,510 views 3 days ago

26:23

[Let's Eat] The Comedian's Father VS The Comedian's Allergy

꼰대희

552,735 views 4 days ago

3:10

[Wicked] What is This Feeling (aka Babmat Song) Clip Released 💚💖

유니버설 픽쳐스

226,022 views 2 days ago

10:24

✧Alice in Musicland✧ StelLive Cover

시라유키 히나 SHIRAYUKI HINA

267,510 views 3 days ago

13:44

Edward Lee's Bourbon Brisket: Chef's Hideaway on Kentucky Beef

육식맨 YOOXICMAN

539,288 views 1 day ago

12:33

A house measuring 120 pyeong..? The first public release of a palace-like penthouse 🔥

[Nareum_TV] 나름TV

112,073 views 1 day ago

7:11

Lunch time

숏박스

2,240,239 views 5 days ago

25:39

[SUB] Byun Woo-seok's birthday party where you can't laugh

유병재

2,993,581 views 7 days ago

14:56

🐺 : You... are you an imposter? 🐐 : Get to work Old SKT Association feat. Jiseon, Gumayushi Lockdown Protocol

울프 이재완

627,628 views 11 days ago

7:07

Buy it vs. No

홍현희 제이쓴의 홍쓴TV

193,919 views 1 day ago

5:07

On-duty, is this okay? On-duty vlog part 1

충주시

406,382 views 1 day ago

26:09

New Flight Attendant Experience Part 1

주호다

235,994 views 2 days ago

14:02

🇺🇸American Daily Life I made kimbap and shared it with my neighbors, and they were all crazy about how delicious it was A foreign neighbor who is new to samgyeopsal, kimchi, and soju

인디애나 주영 Indiana Jooyoung

620,247 views 2 days ago

12:09

After taking morning sickness pills, babies' arms and legs disappeared?! History of Medicine: Morning Sickness Pills

닥터프렌즈

133,632 views 1 day ago

13:43

Second, how many times harder is it? Grandson love story, kindergarten? 4-year-old extreme no story

YOOTRUE ON AIR

120,067 views 1 day ago

23:49

🔥Love counseling is back and it's even hotter🌶️🔥 with Eunji from the Jongji couple

아옳이

542,127 views 8 days ago

17:57

What happens when you run 100km in 7 days

고재영

1,215,739 views 12 days ago

25:03

Ryu Hyun-jin and Chae Eun-seong ate 13 servings of beef and heard behind-the-scenes stories of the season (PC room visits, look-alikes of Tini Ping, goals for next year, etc.)

Eagles TV

388,817 views 3 days ago

5:07

On-duty, is this okay? On-duty vlog part 1

충주시

406,382 views 1 day ago

8:45

Understanding the intention of the questioner

너덜트

2,295,930 views 13 days ago

35:03

[EN/JP] 1st Zico Shareholders' Meeting Lee Yong-jin, Sunmi, Do Kyung-soo, Jeon So-yeon, Woo Tae-woon, Block B (Jaehyo, U-kwon, P.O), Boynextdoor (Myung Jae-hyun, Taesan, Woonhak)

df 디에프

2,341,836 views 11 days ago

21:40

Greetings from a newbie living alone..🙇🏻‍♀️ Realizing the dream of living alone on a duplex!!🏡 A 10-pyeong officetel room tour in Seoul filled with the emotions of a fashion major college student🍄🪽 Roomtour °｡⋆ *☆

유정 YUJEONG

253,755 views 4 days ago

14:20

One-person single woman security operation

로동복어

171,136 views 3 days ago

Google AdSense
336 x 280

Up Next

25:40

Roblox Movie: The Story of Asta, the King of Magic 😈🔥 Part Two #2 (Black Clover 😈🔥)

OMAR BOYKA - عمر بويكا

112,410 views
4 months ago

21:32

Roblox movie: Omar Boyka 💪🔥 But I can steal the aura power from anyone 🔥😱

OMAR BOYKA - عمر بويكا

116,180 views
3 months ago

20:13

Roblox movie: I entered the school of demons to eliminate them 👺😈🔥 I eliminated the leader of the demons 😈🔥

OMAR BOYKA - عمر بويكا

114,458 views
4 months ago

30:59

Roblox movie: I entered the school of the strong 💪 and I am weak 🔥😔 (but everyone was shocked by my strength 🔥) A cool story 🔥

OMAR BOYKA - عمر بويكا

254,037 views
9 months ago

21:03

I called Sonic at 3:00 in the morning (You won't believe what happened!!)

Mkamel GG

27,063 views
6 hours ago

26:49

Roblox movie: A car like a living creature 🏎️ but it merges with humans and is given supernatural powers 🔥😱 (A really cool action story 💪)

Migo9

210,292 views
4 months ago

13:42

Roblox movie: Me and my brother Omar Boyka 🔥 against the Israelis 💩🔥 (We destroyed all of Israel 🔥)

Boody & Batot

89,882 views
1 year ago

22:27

Roblox movie: Omar Boyka 💪🔥 But I can control people's feelings 🔥😱

OMAR BOYKA - عمر بويكا

101,527 views
3 months ago

17:05

Roblox movie: The color of your aura determines your strength 🔥😱 (I have a dark aura 😈🔥) Forbidden aura 😈🔥

OMAR BOYKA - عمر بويكا

117,491 views
3 months ago

23:08

Roblox movie: 100 years and the dark dragon protects me 😈🔥 (I can merge with the dragon 😱🔥) Cool story 🔥

OMAR BOYKA - عمر بويكا

194,508 views
9 months ago

24:40

Roblox Movie: Omar Boyka but the king of volcanic power and fire 🔥🌋

OMAR BOYKA - عمر بويكا

317,510 views
1 year ago

22:55

Roblox movie: A failed young man travels to Japan to spend on his family but dies and has the magic to rule the whole of Japan🔥😱

Migo9

175,020 views
1 month ago

17:39

Roblox Movie: Dragons were released and merged with humans 🐉😱🔥 (Fire Dragon 🔥 vs. Dark Dragon 😈)

OMAR BOYKA - عمر بويكا

118,249 views
3 months ago

15:17

Roblox Movie: The color of my sword determines my strength 🔥😱#2 Part Two (I own the sword of darkness⚫🔥) Cool story 🔥

OMAR BOYKA - عمر بويكا

167,892 views
6 months ago

24:56

Roblox Movie: Speed Upgrade from the Slowest Police Car at 10 🚔🚨 to the Fastest Police Car at 999,999 😱🔥

Migo9

178,162 views
8 days ago

23:00

Roblox Movie: Ramadan Day Challenge in White 🤍 vs Ramadan Day in Black 🖤 (Prize 100 Robux 💲💵)

Migo9

489,566 views
8 months ago

20:28

Roblox Movie: Dragons were released and merged with humans 🐉😱🔥 (I became the Dragon King 🐉🔥) Part Two #2

OMAR BOYKA - عمر بويكا

129,110 views
3 months ago

22:11

Roblox movie: The color of the snake determines your strength 😱🐍 (I have the black cobra but 🐉) The ending is really great 🔥

Migo9

170,666 views
2 weeks ago

29:59

Minecraft: I controlled the villager for 24 hours and it was a huge disaster!!? 🔥😱

اوكا - OKA

85,284 views
2 days ago

24:07

Minecraft: Protect the colorful lucky block from the army of giant monsters!!? 😱🔥

Ameer Slow - أمير سلاو

125,591 views
3 days ago

48:37

Top 2023 of the favorite nursery rhymes of children and babies on the Récré des Ptits Loups 🏆🏆🏆

la récré des ptits loups - Comptines & Docus

233,332 views
10 months ago

46:18

My first nursery rhymes 🏠🏠🏠

la récré des ptits loups - Comptines & Docus

1,024,119 views
1 year ago

59:01

T'choupi at school 🌟 the UNPUBLISHED compilation!!! 1h 🌟 Cartoon for children

T'choupi

7,266,388 views
7 months ago

18:54

Hello owl 🦉🦉🦉 Little nursery rhymes for babies with lyrics

la récré des ptits loups - Comptines & Docus

122,372 views
2 months ago

29:41

Mimi Soleil and her Babies Learning to speak First signed words Educational videos for little ones

Mimi Soleil - Vidéos éducatives pour enfants

1,615,877 views
10 months ago

1:02:15

My pretty pacifier Funny songs for children HeyKids in French

HeyKids - Chansons Pour Enfants

657,378 views
1 year ago

46:18

My first nursery rhymes for baby 👶👶👶

la récré des ptits loups - Comptines & Docus

388,534 views
1 year ago

16:46

A wolf's hunger - Pilou's cool songs

Les chansons chouettes

1,214,812 views
1 year ago

1:02:14

My first little summer nursery rhymes for babies ☀️☀️☀️ from the little wolves' playtime

la récré des ptits loups - Comptines & Docus

104,415 views
4 months ago

1:04:31

Compilation of nursery rhymes and nursery rhymes for babies - Titounis

Titounis - Comptine bébé - Chanson enfant

19,016,688 views
8 years ago

1:07:42

If baby wolf decorated the Christmas tree 🎄 and an hour of little nursery rhymes for babies at the nursery

la récré des ptits loups - Comptines & Docus

61,151 views
1 month ago

1:45:51

Nursery Songs - The Patapons

Les Patapons

18,415,434 views
7 years ago

42:57

In His House A Big Deer 🦌 Baby Song

HeyKids - Chansons Pour Enfants

61,922,443 views
6 years ago

1:10:25

The little reindeer with the red nose 🦌🦌🦌🛷 and an hour of little nursery rhymes for baby for Christmas

la récré des ptits loups - Comptines & Docus

25,239 views
2 weeks ago

43:19

Let's learn ABC and Numbers! +Nursery Rhymes Bebefinn in French👶Children's Songs

Bebefinn français - Chansons pour Enfants

994,533 views
1 month ago

1:05:23

A green mouse 🐭🐭🐭 and an hour of little nursery rhymes for babies

la récré des ptits loups - Comptines & Docus

721,389 views
8 months ago

1:35:14

The little songs - The Patapons

Les Patapons

154,693 views
4 years ago

1:00:34

1 Hour of Nursery Rhymes for Children - Let's Take a Walk in the Woods - The World of Zibous

Le Monde des Zibous

5,347,955 views
7 years ago

Google AdSense
336 x 280