CSS Grid and Flexbox Tutorial

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

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

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

    Finally found all of my typing errors. Your commentary and coding made it easy for me (novice) to finally work out the power of CSS. Many Thanks for sharing your expert knowledge. I can now confidently design a reasonable looking web page.

  • @bornofmindghimire5888
    @bornofmindghimire5888 5 หลายเดือนก่อน +1

    Hi, the way you explain was so simple and understanding for non coder/programmer like me. I'm from nepal and would recommend your channel for student to learn. I would like to make a request to make Basic to advance level practical Web designing tutorials from scratch CSS to Tailwind css. I am struggling with these so please make a tutorials and helps us.
    Thanyou for uploading such great video.

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

    A good tutorial that shows good style and the use of all the principles that make up a good design. Thanks for sharing and keep those videos coming.

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

      Thank you! Will do!

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

      thanks and will you like to work on a project , do you know backend @@qcodewave

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

    Muchas recién comienzo con css, saludos desde Cuba maestro

  • @MsAlrasta
    @MsAlrasta 10 หลายเดือนก่อน +1

    Interesting.
    Keep going my friend.

    • @qcodewave
      @qcodewave  10 หลายเดือนก่อน +1

      Thank you

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

    This was a great introduction into Grid. Thank you sir

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

      Glad it was helpful!

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

    Thank you, very helpful tutorial

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

      Glad it was helpful!

  • @nature3425
    @nature3425 11 หลายเดือนก่อน +1

    Thank you very much

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

      You are welcome

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

    Hello, thank you for this!

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

    how to do this same layout with tailwindcss?...also the source code repo link in description is not working

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

    Thanks. I guess that having set up the page with grid, flexbox can be used to layout the more detailed content in earch part of the page.

  • @RichardTerrenceGo-v7k
    @RichardTerrenceGo-v7k ปีที่แล้ว

    Very good tutorial thank u so much it helps me a lot and makes my work easier.

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

      Glad to hear that!

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

    good sir

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

    Muchas gracias. excelente tutorial

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

      you are welcome

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

    awesome

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

    thanks for the guide, have you find a solution of the quality loss while the browser renders the "hover" transition? I have noticed the text, shadows and elements get a bit blurred or lose quality while in transition.
    I have read something about the browser re-render the layout while on transition but still, haven't found a solution for that :(

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

    thanks sir for this video!

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

    Great tutorial! Thank you. But, I hope you might reconsider the music in the background. It can distracting for people like me. As I am not an native english speaker, I have to concentrate very much on your speech and the music is a little distrating. But the CSS part is just great, thanks again! Wish you all the best and good luck with your channel!

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

      Thank you very much for your feedback, I will do that

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

    thank you

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

      You're welcome 😊

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

    Thank you for this interesting and instructive tutorial. How do I do it if the second and/or third page needs a different structure? Do I then have to code a separate CSS structure for this page?

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

      You can do it separately, or you can use different tag names and apply in the same CSS file.

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

    You should always start with mobile first, things just fall into place and you can add complexity later.

  • @ID-Boss
    @ID-Boss 11 หลายเดือนก่อน +1

    The source code on github isn't found sadly, great tutorial nonetheless

    • @qcodewave
      @qcodewave  11 หลายเดือนก่อน +1

      this is css on github github.com/qassi2008/CSS-Grid-Flexbox/blob/master/css/main.css
      and html is github.com/qassi2008/CSS-Grid-Flexbox/blob/master/index.html

    • @ID-Boss
      @ID-Boss 11 หลายเดือนก่อน +1

      @qcodewave thank you! Much appreciated, I'm actually half way writing all the code myself now just to learn on my own 👌 this will help me compare and find my mistakes

    • @ID-Boss
      @ID-Boss 11 หลายเดือนก่อน +2

      ​@qcodewave For some reason it's still saying Error 404, tried the links in on multiple devices and browsers

  • @muhammadismail4229
    @muhammadismail4229 10 หลายเดือนก่อน +1

    Sir your content is so good but move fast forward the video

    • @qcodewave
      @qcodewave  10 หลายเดือนก่อน

      Noted

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

    Is it me or the code is written too small i can hardly read it ..very anoying. edit: It was learnfull for me but next time please fix it.

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

      Zoom in next time…the video is good

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

    a little fast in my opinion, but good tutorial nonetheless.

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

      thank you for your feedback