How to Create Website Layouts Using CSS Grid | Learn HTML and CSS | HTML Tutorial

How to Create Website Layouts Using CSS Grid | Learn HTML and CSS | HTML Tutorial

Dani Krossing

7 лет назад

934,996 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@saheedadebesin
@saheedadebesin - 24.12.2023 13:22

This is one of the best lessons I've ever received.. This is genius and the responsive part? God!!! That was awesome.

Ответить
@stephenprice3357
@stephenprice3357 - 19.10.2023 02:39

I wonder how long did it take him to learn all of what he knows about html,css, anh Java

Ответить
@tmbuff77
@tmbuff77 - 16.07.2023 20:48

Can "diskpaay:grid" be applied directly to the "<body>"? Wouldn't this make more sense semantically?

Ответить
@shtar
@shtar - 14.07.2023 14:54

this is an amazing lecture. I always found you a better teacher for me only hahaha. You are great. but please if you can make more videos about the css grid. because I really need to understand it a bit more. I learn slow but i want to learn. thank you :)

Ответить
@noestephenzimba9213
@noestephenzimba9213 - 14.04.2023 12:15

Nicely explained! Was struggling to understand its concept and implementation, now out of darkness. Thanks Dani

Ответить
@saadmanahmed860
@saadmanahmed860 - 09.04.2023 13:58

wonderful

Ответить
@Henry_Nunez
@Henry_Nunez - 13.09.2022 18:25

👍👍🔔

Ответить
@sajsaj932
@sajsaj932 - 31.08.2022 17:46

This grid tutorial is more than perfect...thanks so much

Ответить
@raphealokonta1018
@raphealokonta1018 - 18.07.2022 02:41

Hello! great work. any video on how to embed a playlist?

Ответить
@goblinbuckets6271
@goblinbuckets6271 - 20.04.2022 23:21

for somereason, my html site doesnt seem to be adhering to the css i linked at all- its just plain text. what do i do here??

Ответить
@erwinsalarda9862
@erwinsalarda9862 - 30.03.2022 14:21

Thanks.. great and very informative..

Ответить
@zionexodus4055
@zionexodus4055 - 16.03.2022 14:26

this video is more practical. the best video on grid i have watched so far. thanks

Ответить
@dimitrispolitis9393
@dimitrispolitis9393 - 16.02.2022 02:25

Cool tutorial, although 1fr is a fractional unit and not a frame :) But thanks, I learned a ton! Keep it up :)

Ответить
@musicalymil
@musicalymil - 22.11.2021 11:13

Splendid tutorial! Could you please make a simple tutorial on how to use Atom efficiently? Thank you!

Ответить
@bjmgraphics617
@bjmgraphics617 - 15.11.2021 17:07

Could I always use grid to design all my websites or should I use grid only when the layout isn't the straight forward traditional layout? Grid reminds me of tables in MS Word or InDesign.
thanks

Ответить
@mohammedwaliullah95
@mohammedwaliullah95 - 29.10.2021 19:40

Wonderfully executed video... I am a total newb to web dev....the level of detail and content presentation is so good I understand at the same pace you present your video !!!

Ответить
@mandjyoutube2901
@mandjyoutube2901 - 26.10.2021 13:21

New subscriber❤️😉

Ответить
@adamosxristodoulou3612
@adamosxristodoulou3612 - 23.10.2021 02:00

how much practise you need to reach this level?

Ответить
@redaelkouri8237
@redaelkouri8237 - 20.10.2021 17:41

great job and keep it up bruh

Ответить
@aungkhantmin2060
@aungkhantmin2060 - 14.10.2021 10:44

thanks alot! you make it alot easier.

Ответить
@kreil9547
@kreil9547 - 29.08.2021 18:18

i did the excact same thing (just wrote every word you wrote) but this "grid-template-areas" doesnt work.
there is no diffrence if i delete this.
any idea why it wont work?

Ответить
@blockmaniac4898
@blockmaniac4898 - 21.07.2021 13:41

Thank you so much! This was extremely helpful for the website that i'm currently designing, and I love the visual animations that you added. It made the tutorial a lot easier to follow along to. +1 Subscriber =D

Ответить
@pauljohn3898
@pauljohn3898 - 13.07.2021 08:21

Super Great tutorial

Ответить
@musiquedumonde777
@musiquedumonde777 - 07.07.2021 20:04

Thanks a lot uts so useful but may i know which programs you r usibg to be able to edit html and css at the same time?

Ответить
@marcmanleydev7624
@marcmanleydev7624 - 30.06.2021 03:29

Thank you Dani. Even though this is almost 4 years old I found this really helpful.

Ответить
@madaellanedavid8716
@madaellanedavid8716 - 17.06.2021 19:16

I tried your codes using that grid and it did not work on my website it wont show the color🙂 but i copy the same code . Please help me with this

Ответить
@gonefishing2006
@gonefishing2006 - 28.05.2021 12:48

I've watched at least 4 videos today (OK yesterday) on CSS grids. This is by far the easiest to follow, or am I saying that because it was the forth one I've watched. In any case I am actually starting to understand it and can follow along.

Ответить
@niclienquan8703
@niclienquan8703 - 19.05.2021 18:16

A very good and useful video. thank you very much. By the way I'm from Vietnam

Ответить
@briantw
@briantw - 06.05.2021 23:58

You can remove the 104 times you used the phrase "go ahead and" and the video will be clearer and shorter. Rather drink the coffee than go ahead and drink the coffee.

Ответить
@oldbro2994
@oldbro2994 - 06.05.2021 23:27

brilliant ! I tough, I am loosing my mind while learning 'Grid". your video helped to be more clear with it. awesome. thank you man.

Ответить
@scribblingjoe
@scribblingjoe - 01.05.2021 21:46

I think this is the best explanation on css grids I've seen. Glad I found this.

Ответить
@loquayrocks
@loquayrocks - 21.04.2021 22:54

that was a really superb lesson, thank you Dani

Ответить
@janithchandima3122
@janithchandima3122 - 19.04.2021 08:57

super.....love it.

Ответить
@mubasshirkhan9449
@mubasshirkhan9449 - 18.04.2021 15:36

Subscribed.

Ответить
@walnutsandbeastiality866
@walnutsandbeastiality866 - 03.04.2021 01:10

I love gritz! It's delcious 💁‍♂️

Ответить
@patrickjay6434
@patrickjay6434 - 03.03.2021 20:00

Thank you for this very useful and easy to understand video.

Ответить
@danny_missing8447
@danny_missing8447 - 19.02.2021 13:21

hey man idk if you d respond but i have a problem with the syle . css and, when in my prpoject i have to pages one info and the other index only the info page will use that syle i wrote in the syle.css

Ответить
@lichaytiram9246
@lichaytiram9246 - 14.02.2021 23:02

It doesn't work on iPhone

Ответить
@janwillemkeen
@janwillemkeen - 13.02.2021 16:47

Again my man this is just smart tech. Nice job

Ответить
@taariqq
@taariqq - 27.01.2021 08:23

That was an excellent video! Explained a few things that I didn't know I didn't understand.
Thanks.

Ответить
@rtate69
@rtate69 - 17.01.2021 05:55

Excellent teaching style. Great video. Thanks!

Ответить
@robertgreco575
@robertgreco575 - 13.01.2021 12:39

Absolutely amazing video man.... helped me more than you could ever know

Ответить
@jwf3148
@jwf3148 - 04.01.2021 21:31

Excellent tutorial - this will be a go-to reference video as I work at becoming familar with and implementing CSS Grid.

Ответить
@mohamadsaidi7252
@mohamadsaidi7252 - 01.01.2021 18:42

how can i use grid-gap only for top or bottom???

Ответить
@pinnaclewd
@pinnaclewd - 17.12.2020 15:46

Probably the clearest and precise video about css grid! Thank you 👍

Ответить
@Gabriel-cd5jx
@Gabriel-cd5jx - 15.12.2020 18:15

Thanks! Great video

Ответить