CSS Grid Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 446

  • @robrice4076
    @robrice4076 2 ปีที่แล้ว +425

    I remember taking your crash course on html, 8 months ago and now I’m starting my first front end dev job next week. Thanks for all you do Brad!

    • @GuitarHope
      @GuitarHope 2 ปีที่แล้ว +12

      If you don't mind, what have you learnt in these 8 months in order to be be able to do the job?

    • @Muffi606
      @Muffi606 2 ปีที่แล้ว +3

      Can you share a little bit more about your journey, just starting front end development

    • @robrice4076
      @robrice4076 2 ปีที่แล้ว +55

      @@GuitarHope Sorry for the late response. But the technologies that ive learned are HTML, CSS/SASS, Vanilla JavaScript, Bootstrap, and learned my way around github and the terminal. I made learning an everyday thing and listened to what the big tech youtubers said about finding a job , replicated a lot of sights from frontendmentor, took as much classes from scrimba. And i think most important, when i talked to companies that wanted to hire me i just sounded excited and passionate to talk to them and told them im ready to give it my all.

    • @robrice4076
      @robrice4076 2 ปีที่แล้ว +84

      @@Muffi606 So i had no professional tech experience, i transitioned from a barber to a front end dev. I woke up early in the mornings before work / after laying my child down at night and followed tutorials, built my own ideas, or just replicated sites. Listen to podcast/youtube videos on the way to work/at lunch, i made development my life. For real give it time, consistency is key, trust the process. I've learned things that i thought i could never learn. And have trust in your self and believe everything brad says.

    • @Muffi606
      @Muffi606 2 ปีที่แล้ว +7

      @@robrice4076 this is awesome

  • @MAli-o4r1j
    @MAli-o4r1j ปีที่แล้ว +2

    The way you explain grid i sure who watch it complete there will be no need to watch some other video on grid
    Just amazing
    Best wishes from Pakistan
    Just keep it up

    • @getoutoftheway419
      @getoutoftheway419 7 หลายเดือนก่อน

      zindaa hona bhai. thoda sa phikr rakh khud pe

  • @ElementoryMyDearWatson
    @ElementoryMyDearWatson ปีที่แล้ว

    Terrific tutorial, clear concise and very easy to follow. Not an easy thing to pull off. Many thanks indeed.

  • @geekstudio.
    @geekstudio. 2 ปีที่แล้ว

    Will definately start watching Trav again as a supplement to my full stack studies...Currently doing node.js,python,php,and SQL!

  • @fablyinspirations7783
    @fablyinspirations7783 2 ปีที่แล้ว +43

    Thank you Brad. Amazing tutorial as always. I personally do not take your generous sharing of knowledge for granted because I can imagine how much work goes into creating great tutorials like these.

  • @nnaemekafavour1835
    @nnaemekafavour1835 2 ปีที่แล้ว +1

    Thanks Mr. Brad.

  • @AliAhmadTube
    @AliAhmadTube 2 ปีที่แล้ว

    i learned a lot . Thanks A lot

  • @Racine14
    @Racine14 2 ปีที่แล้ว

    Thank you so much.

  • @vladimiraleksic4066
    @vladimiraleksic4066 ปีที่แล้ว

    Hi. Thank you very much for your great video. I have learned a lot and the skills acquired will serve me very well. I replicated all steps, but still, I did not understand how to determine the number of individual cards (line numbers are OK and the tip with the grid indicator in the Live Server comes in very handy). I would appreciate it if somebody helps me resolve this problem, which I have as a to-be-developer. Thanks.

  • @treyaInTech
    @treyaInTech ปีที่แล้ว +1

    Hi. I have a question in the media query section what made you select 768px is that the general # used and how can we get an idea of what # to use for projects?

    • @HKOVENOM
      @HKOVENOM ปีที่แล้ว

      You can add extra media queries in between if you need to make any adjustments.
      360px
      568px
      666px
      768px
      1024px
      1300px

  • @uelude
    @uelude 2 ปีที่แล้ว +1

    It's gonna come down to breakfast.
    - Brad

    • @uelude
      @uelude 2 ปีที่แล้ว

      2:58

  • @favouritecomics2177
    @favouritecomics2177 2 ปีที่แล้ว +30

    Brad is the reason why I have not given up on web development.. Thank you so much sir

  • @nomagix
    @nomagix 2 ปีที่แล้ว +21

    Hey Brad, I just wanna thank you so much for your hard work. Your channel is invaluable! You're awesome.💕

  • @noahdiez9400
    @noahdiez9400 ปีที่แล้ว +17

    The way you teach and show alternative ways of doing stuff than just one example are the type of tutorials that give people better perspectives. Very well done

  • @ezeobisochima9944
    @ezeobisochima9944 2 ปีที่แล้ว +13

    I finished grid system with your modern HTML and CSS course from udemy and also with your crash course on TH-cam and all of them really make sense. But I feel that this one is also a must watch crash course 😂.
    Any video from Brad for me it is a must watch 😁

  • @AYUSH-fn6ql
    @AYUSH-fn6ql ปีที่แล้ว +2

    In the media queries part, instead of using grid-template-columns:1fr and changing all that spanning stuff, i used display:block and added a little margin here and there. It worked.

  • @AbhishekTiwari-cf8sp
    @AbhishekTiwari-cf8sp 2 ปีที่แล้ว +10

    Always waiting for your new crash course, most powerful and useful for me❤️

  • @vicitacious
    @vicitacious 2 ปีที่แล้ว +2

    4:33 Did you just call VS Code a text editor?
    Great video! 👍

  • @sumayaNoman
    @sumayaNoman 2 ปีที่แล้ว +8

    Hi Brad, I can't thank you enough for these videos which you make. You are doing such a GREAT JOB by sharing your knowledge with us.Thank you soooooo much.

  • @ScriptRaccoon
    @ScriptRaccoon 2 ปีที่แล้ว +9

    Really concise course, thanks!
    As for the project in the end, I suggest to change the media queries from max-width to min-width, i.e. do mobile first design. Then the "default" view of the cards is just stacked and very simple, and all the grid spans, cols and rows go to the media query. The advantage of this is that we do *not* have to reset the grid styles as shown in the video (51:00). So we achieve the same result with less code!
    This is very well explained as well in Kevin Powell's videos on responsive design.

    • @lloadded
      @lloadded 2 ปีที่แล้ว

      oh i just understood that

  • @TheSharkbeast
    @TheSharkbeast 2 ปีที่แล้ว +38

    Just in time i actually skipped Grid while learning Css and moved to Js after a few projects now i was reconsidering Grid literally few hours ago !! Thanks alot your React front to back is Golden

  • @azazali1785
    @azazali1785 2 ปีที่แล้ว +4

    I'm just watching your flexbox video and you came up with Grid video.
    Thank you so much

    • @TraversyMedia
      @TraversyMedia  2 ปีที่แล้ว +2

      Nice. I would suggest watching the flex video first and then this.

  • @robertmacwan8144
    @robertmacwan8144 2 ปีที่แล้ว +5

    Thanks for this video, i was so much struggling to learn css grid but you make this so easy to understand.

  • @kimayapanash8998
    @kimayapanash8998 2 ปีที่แล้ว +1

    If you have align-items:start/center/end set on a div and you extend it with grid-row:2/4
    IT WONT WORK
    Can you explain?

  • @kratty
    @kratty 2 ปีที่แล้ว +6

    This is by far my favorite grid tutorial. Not only did you show the basics and syntax, but we got example of how to incorporate it into a somewhat real scinero. It was a great touch combining the use of grid and flex box to help tie both uses together. Bravo.

  • @MichaelSalo
    @MichaelSalo 2 ปีที่แล้ว +1

    Good demo of grid. At 50:40 it seems like mobile-first CSS would be the clean solution.

  • @epischewurststullederverda1483
    @epischewurststullederverda1483 2 ปีที่แล้ว +1

    The item*9 doesn't work for me. Emmet doesn't seem to recognize what I want it to do.
    Edit: My bad. It worked now. Just getting started in vs code.

  • @manashbehera961
    @manashbehera961 ปีที่แล้ว +1

    thank you for explaining this in a very simple manner.

  • @MsZemunac
    @MsZemunac 2 ปีที่แล้ว +5

    Hey Brad, I finished your course about Html and Css month ago and I'm delight, I even made few project on my own without any help using html and css only, so last week I started to learn your JS course. The only problem I have is to make responsive hamburger dropdown menu, is there any video where you show us to make that even with Js? Thank you very much for everything❤❤
    Love from Serbia

    • @nedimbasic8867
      @nedimbasic8867 2 ปีที่แล้ว +1

      Ja nisam nasao kod Brada hamburger menu sa JSom imas na kanalu Web Dev Simplified predobro je objasnjeno a na Traversy sam ja vidio pure CSS hamburger menu, pa pronadji taj ako zelis.

    • @MsZemunac
      @MsZemunac 2 ปีที่แล้ว

      @@nedimbasic8867 Imas li mozda link tog videa od Web Dev-a da ne lutam? Ziv bio!!!

    • @PixelTB
      @PixelTB 2 ปีที่แล้ว

      Na njegovi kurs za HTML & CSS ima za hamburger menu

    • @PixelTB
      @PixelTB 2 ปีที่แล้ว

      Section 10 Mini Projects

    • @nedimbasic8867
      @nedimbasic8867 2 ปีที่แล้ว

      th-cam.com/video/2z0nyW_ylwY/w-d-xo.html nisam mogao naci taj na web dev simplified ali ovaj video na The Net Ninja je predobro objasnjeno kako se radi. naravno ovo je slide in menu ali mozes to izmijeniti u CSS-u. Bitan ti je samo koncept JS-a

  • @stevenwilson5556
    @stevenwilson5556 ปีที่แล้ว +2

    5:54 the hack to add 9 numbered items in VS code felt like a superpower. Thanks for this video. I am already lovin' it.

  • @certifiedmicronaut4901
    @certifiedmicronaut4901 2 ปีที่แล้ว +2

    Thank you so much for this Brad!
    Sincerely,
    Self-teaching Front-End Developer (to be).

  • @jesseemana9598
    @jesseemana9598 2 ปีที่แล้ว +4

    been seriously waiting on this, just diving into CSS and I loved how simplified your Flexbox crash course was and was looking to get into Grid next but other videos just weren't doing it for me until I found this, awesome

  • @London2ATL
    @London2ATL 2 ปีที่แล้ว +2

    I'm jumping on this. Thank you so much. My fav TH-cam teacher.

  • @DragonInTheWest
    @DragonInTheWest 2 ปีที่แล้ว +1

    Thanks for all the detail and we'll explained tutorial

  • @mobeenrajpoot5315
    @mobeenrajpoot5315 2 ปีที่แล้ว +3

    Now you are one of my favourite teachers. I really like the project base tutorials especially when you build things from scratch and give us a chance to learn some fundamental things from it.

  • @jadonsunshine9613
    @jadonsunshine9613 2 ปีที่แล้ว +1

    this guy is really good this is a video you have to watch

  • @NurioonSoftware
    @NurioonSoftware ปีที่แล้ว +1

    Great lesson. Thank you very much

  • @jonathan-3008
    @jonathan-3008 2 ปีที่แล้ว +1

    i only use flexbox, should i learn grid?

  • @romimaximus
    @romimaximus 2 ปีที่แล้ว +1

    at 16:16, i always had a doubt about the difference between " :nth-child() and :nth-of-type() ", but always end up using ":nth-child()"...😁

  • @felipeschulz2485
    @felipeschulz2485 ปีที่แล้ว +1

    well fellas,, it all comes down to breakfast

  • @wff6790
    @wff6790 2 ปีที่แล้ว +1

    I really love prototype my website with grid , but grid didn't support on IE, that's crack....

  • @joshjakkrit6085
    @joshjakkrit6085 ปีที่แล้ว +1

    The last part for media queries:
    I think you can simply set the .testimonial to 1fr and the rest of the cards that were specified row/column, just set all of them to auto instead of specific numbers. ;)

  • @discoRyne
    @discoRyne 2 ปีที่แล้ว +3

    Grid and Flexbox is such a fun and powerful combo once mastered. The new (first time I'm seeing it) intro animation also looks great with the code editor in the background, good job there!

  • @kevyyar
    @kevyyar 2 ปีที่แล้ว +1

    ..Wu-Tang is for the children! Love your shirt Brad! And the crash course as well!

  • @Igor-ge1py
    @Igor-ge1py ปีที่แล้ว +1

    Getting back into front end development. Grid and flex is a game changer. I remember doing table layouts in dreamweaver when I first started and then floats. I got so good with floats that I get an urge to use them again but have to catch myself and use grid and flex since they are so much cleaner and powerful. No more hacks to align stuff 🤭

  • @henrymacartney381
    @henrymacartney381 2 ปีที่แล้ว +2

    Thank you, sir for another excellent tutorial. I am a pensioner who worked in the medical device industry, where we worked with embedded SW systems. Huge difference but fun!

  • @Racine14
    @Racine14 2 ปีที่แล้ว

    Merci pour cette video qui est tres benefique pour nous. Je suis tres content de regarder celle-ci. Merci pour les explications qui sont bien detaillees.

  • @triplei2024
    @triplei2024 2 ปีที่แล้ว +2

    New intro

  • @atifkhankarachi6271
    @atifkhankarachi6271 2 ปีที่แล้ว +1

    Just in time i actually slipped Grid while learning CSS and moved to JS after a few projects now I was reconsidering Grid literally few hours ago!! Thanks alot your React front to back is Golden

  • @tamasorvos8882
    @tamasorvos8882 ปีที่แล้ว +1

    Thank you, helpful tutorial!

  • @patrickb2668
    @patrickb2668 2 ปีที่แล้ว +1

    Great Video!
    Just a quick tip:
    Instead of resetting each card with their respective numbers you could just do an overall reset, since the cards will span over 1 col / 1 row anyways.
    .card {
    grid-column: auto;
    grid-row: auto;
    }

  • @denoic
    @denoic 2 ปีที่แล้ว +1

    Hey Brad, I love your videos. Keep it up. I learn so much from you and I'm thankful. Could you update the MEAN stack videos, or do you have some course that will help me with that?

  • @A1996ARP2075
    @A1996ARP2075 2 ปีที่แล้ว +1

    First like and comment. Thanks for the content. Love your all videos Brad

  • @Davidkiania
    @Davidkiania 2 ปีที่แล้ว +2

    Brad this is awesome and I loved every moment of it. You make it really seem easy and will certainly put this tutorial into good use. Much appreciation from Kenya!

  • @kopilkaiser8991
    @kopilkaiser8991 2 หลายเดือนก่อน

    Absolutely stunning tutorial. The tutor is well taught and has the skills to be able to teach the topic most effectively. I have learnt quite a lot. My deep appreciation for all your great effort and help in conveying your precious knowledge. 📖📓📚🧠. It is easy to learn but the most difficult to teach 😁

  • @dev_jeongdaeri
    @dev_jeongdaeri 2 ปีที่แล้ว +1

    Super 😎 coool!!

  • @uniquelaura8277
    @uniquelaura8277 2 ปีที่แล้ว +2

    Thank you so much for this Brad! I found you last year came back looking for ya. I'm self learning through Codecademy and I'm so glad I came to watch both your flexbox and grid tutorials. They're amazing! You're a great teacher and a great inspiration. You give me so much hope! Will definitely come back to do projects with you and to keep learning from you. Stay blessed!

  • @sanjeevsharma4819
    @sanjeevsharma4819 2 ปีที่แล้ว +1

    Without watching whole video , you deserve my like . I know it will be great video

  • @jakeochukoidamatie723
    @jakeochukoidamatie723 2 ปีที่แล้ว +1

    Thanks Brad for making this video, I have been running away from grid and using only Flexbox, but you just changed my mind, CSS grid is so powerful and easy. THANKS !!!

  • @gngn2973
    @gngn2973 2 ปีที่แล้ว +1

    Hey Brad!
    First of all thanks for your videos and your udemy projects. I learned a lot from you!
    For the second portion of the video, "grid2.css" part. Could you have shown how to make the container box overflow while the rest stay in place? I'm wondering how that would work. I will probably use this now. You make it seem so simple.

  • @AdamChou-mu3ow
    @AdamChou-mu3ow หลายเดือนก่อน

    ⭐⭐⭐⭐⭐⭐
    This video helps me a lot🤩
    Thank u very much🤙
    Hope for next contents🙌

  • @kathirmldata7411
    @kathirmldata7411 2 ปีที่แล้ว +1

    ❤ from south india.. I have learned so many frontend concepts . Because of you. Thanks a lot 🙏

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    This tutorial, for a beginner is a waste of time. This is why people get stuck in tutorial hell. This doesn’t happen when we’re growing up in school, because those are REAL TEACHERS. They know how to create a learning plan. They know where a student should be after that learning program. Teachers don’t sit in class simply talking about the subjects. They actually teach them.

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    This is not a tutorial, when the person “teaching” don’t even know what plans he should have made. Why look to say, oh you guys don’t have to do this, or, let’s try this? How is this effective teaching? You should come up with a webpage, and stick to teaching concepts, and not veer off, just to do something different. That is NOT effective teaching. When you are all over the place, that’s just dumb.

  • @dsofiap15
    @dsofiap15 4 หลายเดือนก่อน

    Thank you so much for your detailed tutorials. They're really helpful as a beginner, and make everything understandable.

  • @murtazahasan8823
    @murtazahasan8823 2 ปีที่แล้ว +1

    was waiting from yesterday. yahooooooo you uploaded 😁😁😍

  • @cometojesusbeforeitistoola395
    @cometojesusbeforeitistoola395 2 ปีที่แล้ว

    Acts 17:30 The times of ignorance God overlooked, but now he commands all people everywhere to repent, 31 because he has fixed a day on which he will judge the world in righteousness by Jesus Christ the Lord whom he has appointed; and of this he has given assurance to all by raising him from the dead.”
    Romans 3:23 for all have sinned and fall short of the glory of God, and are justified by his grace as a gift, tyhrough the redemption that is in Christ Jesus.
    1 John 1:9 If we confess our sins, he is faithful and just to forgive us our sins and to cleanse us from all unrighteousness. Acts 16:30 Then he brought them out and said, “Sirs, what must I do to be saved?” And they said, “Believe in the Lord be saved, you and your household.
    Repent and trust Jesus Christ as your Saviour and your Lord. True repentance involves a change of heart which includes sorrow for sin and determination to lead a holy life.
    Christ deliver the repentant person from sin's penalty by dying on the cross. If not, you will be judged by the law, no one can be justified by law as all of us have transgressed the law one way or the other.
    Seek the Lord Jesus while he may be found and turn away from sins and turn to him wholeheartedly as he is coming back to judge the world. Revelation 22: 11 Let the evildoer still do evil, and the filthy still be filthy, and the righteous still do right, and the holy still be holy. 12“Behold, I am coming soon, bringing my recompense with me, to repay each one for what he has done.
    Grace and love from God in Jesus Christ be multiplied in your heart you all

  • @dimitriszournatsidis8273
    @dimitriszournatsidis8273 ปีที่แล้ว

    No one commented about Brad's t-shirt 😅 Ghostface Killah 👊👍
    Btw, excellent course, as always

  • @viciousJavad
    @viciousJavad 2 ปีที่แล้ว

    @Traversy_Media : "...it's gonna come down to breakfast !" :))
    you are amazing and i couldn't stop laughing at that thanks for that !

  • @xviewmytubex
    @xviewmytubex ปีที่แล้ว

    So, the bottom line/purpose for flex/grid is saving time with code used for dimensions/layouts for web design? Nice vid! Thanks! =).

  • @LindaJuffermans
    @LindaJuffermans ปีที่แล้ว

    I had never even heard of... well, most of this stuff 😅 I've been mostly occupied with programming and let HTML/CSS to other people in the team. I vividly recall the nested tables in our HTML 20 years ago and I also recall that Netscape 4.75 would frequently crash on too many nested tables.
    The flexibility you have here, especially rearranging the order on media queries, is not even possible with the tables. Sure I can colspan 2 and rowspan 2 etc. but you'd have to manipulate the DOM to move Kira back to the bottom row (unless you want duplicate content hidden/shown).
    Thank you for this tutorial, it was great to follow along and I've kept all the commented lines in my sandbox CSS for future reference.... And now to check your channel for a flexbox tutorial... 🤓

  • @universecode1101
    @universecode1101 2 ปีที่แล้ว +1

    Grid is more difficult than Flex but is amazing 🔥

  • @cryptobit2619
    @cryptobit2619 ปีที่แล้ว

    I really thought I have enough knowledge in html and css but in reality. I'm still not close, I still need more work to do. It's frustrating that I cannot create like most developers do, specifically, not looking for guides, but it's all in their heads. I cannot do that. I always have a guide, and I also thought I am good in frameworks, but in reality, I still don't have enough knowledge for this.

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    I get it, you understand something fully. I’m happy you do. To call this a tutorial is a stretch though. I’m pausing every few minutes to give an update on how it’s going. He literally is just talking and typing. This is not how you teach anything. I wonder sometimes if some of these people ever went to school.

  • @Sijo2
    @Sijo2 3 หลายเดือนก่อน

    I hate grid, because it has so many components. Your video really helped me understand how to use various tools in grid. Thank you

  • @gandhamthirumalesh2376
    @gandhamthirumalesh2376 2 ปีที่แล้ว

    hai, guys, I am trying to put some actual code in a website so I use libraries like prism js and highlight js but both work fine in the live server but when I open my file normally it doesn't work not only this prism js is also not working when I open normally from file manager please respond if you know
    Thank you...

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    A complete waste of my time. I went through the entire first half of the video, learning very pertinent information, all to be lead astray by rambling, and pasting, and listening to him say you don’t have to do this. Like, what tf?

  • @ahonui
    @ahonui 6 หลายเดือนก่อน

    Brad, I've dabbled with html since '97. I tables was fun @ 22:00. Grid reminds me of tables a lot.

  • @dilanbesong1877
    @dilanbesong1877 ปีที่แล้ว

    Again it's gonna come down to breakfast 😂😂😂.
    I love your tutorials

  • @hadid01
    @hadid01 ปีที่แล้ว

    thanks for such helpful tutorial. learned a lot!
    please made like this tutorial for react, angular ,
    Js, Django freamworks

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    As a person that is new to the web development industry, I implore you to go to another tutorial to get your learning. He simply talks about what he’s doing, and not slowing down to explain much while he types away. This is not a great way to teach CSS in my opinion.

  • @romaniaplus
    @romaniaplus 2 ปีที่แล้ว +1

    What to do? I learn it and forgot most of these, learn it again and forgot it again.

  • @amrismail7336
    @amrismail7336 2 ปีที่แล้ว

    started learning front end couple months ago, we got an instructor that made us ocasionally use table layouts because "it'll help showing you how things progressed when we learn flexbox" ,,, and tbh he was right XD using tables was a big headache XD

  • @sonicevostator
    @sonicevostator 2 ปีที่แล้ว

    Holy moly, I always thought that justify content and align items were exclusive to flexbox, but you can us them in grid, interesting

  • @Yotoro36770
    @Yotoro36770 ปีที่แล้ว

    thank's a lot
    i really enjoyed the video , and i learnd tons of things bcw of uu
    i'm a beginner i have like 1months and i'm trying my best
    Road of front-end developer and make money from upwork
    if someone sees this commenter drop some advices and wish me luck i hope i make it one dayyy
    and thanksss allooot\

  • @arunkumar-ic8kl
    @arunkumar-ic8kl 2 ปีที่แล้ว

    Thankyou for the free course. Really helped learning CSS GRID.

  • @Isasseguya
    @Isasseguya 11 หลายเดือนก่อน

    Been watching your 6 year old videos [html/css crash course] and coming to this was like who tf is this until i realized😂

  • @itsnobledean9450
    @itsnobledean9450 ปีที่แล้ว

    Why not paste it all in then work with the grid? Start creating content, then oh, I’m just gonna paste the rest of the content in? Like, people don’t know how to teach, yo. This is just talking about what you know how to do. This is not teaching.

  • @stuffedstuff7086
    @stuffedstuff7086 2 ปีที่แล้ว

    9:32 damn we can use column-gap/row-gap that is something you can't do with flexbox.

  • @Draxxuzownzu
    @Draxxuzownzu 2 ปีที่แล้ว

    Brad, love your content but can't help but notice your shirt is so freakin dope. Anybody know where I can get it? lol

  • @konnichiwa01
    @konnichiwa01 2 ปีที่แล้ว

    Please can you make a website using only HTML and CSS. don't use bootstrap

  • @ashishtripathy2768
    @ashishtripathy2768 2 ปีที่แล้ว

    Just Wow.To The Point Content.
    Making Complex topics easy . Thanks

  • @stevenwilson5556
    @stevenwilson5556 ปีที่แล้ว

    6:19 the base CSS you added, you didn't indicate if you copy-pasted it, did it come from a file? Is there some plug-in or add-on or where the hell did that come from?

  • @igorr4682
    @igorr4682 2 ปีที่แล้ว

    You can just set display block in max-width 600 media query if position is not important

  • @lardosian
    @lardosian 2 ปีที่แล้ว +1

    I would imagine giphys gif layout is a good example of css grid in action. Template areas is very handy.

  • @afe5953
    @afe5953 ปีที่แล้ว

    This is very helpfull and I enjoy programming with you thank you

  • @dpdoescode
    @dpdoescode 2 ปีที่แล้ว +2

    This as well as flexbox are so important! Can't recommend enough - gets you so far in terms of layouts. Thanks Brad 💪

  • @hashirmughal5625
    @hashirmughal5625 2 ปีที่แล้ว +1

    complete thanks to everyone

  • @devabdultech
    @devabdultech 2 ปีที่แล้ว +2

    I've been waiting for so long 😩

  • @chzmo
    @chzmo 2 ปีที่แล้ว

    Today it my first time to see you 🐱, just amazed to see A mascular guy, no offense but I love your Channel, Let's get into it.