Responsive Service Section with CSS Grid | No CSS Media Queries

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024
  • Please LIKE our Facebook page for daily updates...
    / online-tutorial-html-c...
    Track: Cadmium - Melody (feat. Jon Becker)
    Link: • Cadmium - Melody (feat...

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

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

    With you, FrontEnd is very simple!!!

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

    Thank you for this detailed and concise video! I learned a lot here!

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

    Thank you sir ,for making such an amazing videos and give us such a wonderful way to see this tutorials.God bless you .please carry on and inspiring us. This channel makes me feel good and interactive to learn HTML,css, bootstrap and JavaScript .If I get a chance to meet you I will definitely meet and Learn the way you do these stuffs.love from the depth of my heart. 💓 💓 💓 💓

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

    Thank you very much!

  • @yvesyao3529
    @yvesyao3529 4 ปีที่แล้ว

    thank you for sharing your knowledge with us. you are a real artist, with you I dream more when I code, things are so simple and easy to understand with you. thank you very much.

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

    What s Tellent...dude😍✔🔥

  • @mahdiabolghasemi6391
    @mahdiabolghasemi6391 3 ปีที่แล้ว

    It was very good, thank you 👌🏻🔥😉😍

  • @navneetsingh627
    @navneetsingh627 5 ปีที่แล้ว

    Thanks for responsive section learned new thing

  • @sazyt
    @sazyt 5 ปีที่แล้ว

    O awesome
    every day video thanks

  • @Yogibaba_youtubewala
    @Yogibaba_youtubewala 4 ปีที่แล้ว

    Always with great thoughts

  • @janaojana1686
    @janaojana1686 4 ปีที่แล้ว

    background music was awesome bro

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

    I am a beginner student for html/css. I was repeating the entire procedure. At the end, the entire background came out dark. Everything appears correct, boxes and text I could see but all background is dark. Where I possibly made a mistake? Could you please help me? I truly look forward to your answer. Thank you so much.

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

    I don't think its a right code. I tried the same but it doesn't work after grid-template-columns. Are you sure you did it right ?
    Never mind. I got it. Actually, I misspelled container as 'conatiner'. Its beautiful. Thanks

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

    Thanks But...I have a Question ...at the start of video showing glass effect of box bg (div colour), but end of the result it have not show ... what is the code of it.... reply please...

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  5 ปีที่แล้ว

      see here for glass effect th-cam.com/video/H7rpyyVR0ZQ/w-d-xo.html

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

    May you describe Instead of music? I really don't know what is grid-gap and don't know why in 2020 someone wanted to use old css grid system for 10 years ago

    • @abdulnafay72
      @abdulnafay72 3 ปีที่แล้ว

      Grid gap give you space betweenthe box otherwise box will stick one to another

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

    My only question is...adding position: relative; to things. What is that for? I didn't see any move from it's natural placement right?

    • @pawemikoajczyk6417
      @pawemikoajczyk6417 5 ปีที่แล้ว

      It was used to make z-index work. When an element has a static position it won't work.

    • @tyresewatchthis8025
      @tyresewatchthis8025 4 ปีที่แล้ว

      It enables an element to move on top or below other elements on the page. You start moving it by using top : ...px ; right: ....; e.t.c e.g. bottom: 30px; will move the element 30px relative to where it was.

  • @thebestthecheapest3979
    @thebestthecheapest3979 4 ปีที่แล้ว

    U did it nice but where's the middle wrinkle which in first style of the cards?
    Or any one know how to do it tell me....

  • @amandeepbadgujjar7096
    @amandeepbadgujjar7096 3 ปีที่แล้ว

    Hii sir mene apne container class ko px me width di h lekin vo responsive kam nhi kar raha hai vo shrink hota h lekin ek ke niche ek nhi ate h or jab me % ya vw deta hu to vo responsive kam karta h, sir iska koi solution h kya?

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

    What app do you use to see how it would look on other devices (the resizing at the beginning)?

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

      Its the responsive mode when you go into Inspect mode of the Chrome. It has a mobile kind of a icon to the left top of the Inspector which shows the responsive mode. Good day!

  • @Simon-vz9uw
    @Simon-vz9uw 5 ปีที่แล้ว +3

    Hi, the gradient is not the same in intro video, please explain it

    • @MrRawat-yd9dt
      @MrRawat-yd9dt 5 ปีที่แล้ว +1

      i came here too for that .

    • @MrRawat-yd9dt
      @MrRawat-yd9dt 5 ปีที่แล้ว

      @Creations that's brilliant

  • @AnitaKumari-jp7le
    @AnitaKumari-jp7le 4 ปีที่แล้ว

    hello sir thank you

  • @MrRawat-yd9dt
    @MrRawat-yd9dt 5 ปีที่แล้ว

    #explain : why we gives the position relative to those elements i didn't see any use of that in this case. Please explain why?

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

    Advent calendar?

  • @Benlkbir
    @Benlkbir 4 ปีที่แล้ว

    thank u

  • @mcmc9033
    @mcmc9033 6 ปีที่แล้ว

    Could you please make a tutorial. Js & css slider?

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

    My Brother

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

    how did you make it responsive?

    • @Kevinproducciones2
      @Kevinproducciones2 4 ปีที่แล้ว

      I want to know the same / quiero saber lo mismo

  • @mikopiko
    @mikopiko 5 ปีที่แล้ว

    wow

  • @techshab9060
    @techshab9060 5 ปีที่แล้ว

    sir ya grid system bootstrap main work nahi kar raha ap ak dafa is grid system ko bootstrap main bana kar dekho

  • @nagarikaawaj5601
    @nagarikaawaj5601 4 ปีที่แล้ว

    first line of css? please give the hidden parts.

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

    i Thought you captioned the video "Responsive Service Section with CSS Grid" wtf will u use flex?

    • @davidzatica408
      @davidzatica408 4 ปีที่แล้ว

      Mans just tryna help n what u doing, being sarcastic?

  • @tibeyisaac7431
    @tibeyisaac7431 4 ปีที่แล้ว

    source code?

  • @twanaking8845
    @twanaking8845 5 ปีที่แล้ว

    Name of this Song Please

  • @kanakjaswal5349
    @kanakjaswal5349 5 ปีที่แล้ว

    Sir please send code

  • @ChrisOkw
    @ChrisOkw 4 ปีที่แล้ว

    this is flexbox not css grid