Media Query in CSS Tamil | Media query tutorial | How to Write media query in css | Parallel Code

Поделиться
HTML-код
  • Опубликовано: 5 июл 2021
  • Media query in css tamil | how to write media query in css | what is min-width and max-width in css media query | how to create responsive website using media query | portrait landscape in media query | CSS tutorial in tamil | Parallel Code | how to build responsive webpage in css
    @media (min-width:400px){
    background-color:orange;
    }
    @media(max-width:700px){
    background-color:lightblue;
    }

Комментарии • 41

  • @kalaivani3167
    @kalaivani3167 2 года назад +2

    Spr anna romba porumaya nalla puriyara madhiri oru class eduthinga..romba tnx..idhukapram neenga update pandra vedios um idhu polavey solli kudunga..🥰

  • @saranyasri3367
    @saranyasri3367 Год назад +1

    depth definition

  • @sivav5713
    @sivav5713 11 месяцев назад

    Super really excellent explanation❤

  • @sancymary4880
    @sancymary4880 Год назад

    thank you bro

  • @priyaistalingam2990
    @priyaistalingam2990 Год назад

    Ur explanation was extra ordinary... Outstanding thank u sir

  • @user-rg6bq4hz9g
    @user-rg6bq4hz9g 3 года назад

    Crystal clear Explanation .
    Thank you very much Anna.

  • @venkatkrishnan9777
    @venkatkrishnan9777 Год назад +1

    Its very useful anna

  • @sppandi8469
    @sppandi8469 3 года назад

    Thank you so much bro, this session is very useful us 👍🙏

  • @hemalathapoorna3120
    @hemalathapoorna3120 2 года назад

    Very good explanation...Thank u so much...

    • @parallelcode
      @parallelcode  2 года назад

      Please share this to whom it's useful.

  • @chammu6936
    @chammu6936 3 года назад +1

    Thanks for the clear explanation bro.What is the difference between .med-container h1{....} and .med-container>h1{..}

    • @parallelcode
      @parallelcode  3 года назад +2

      ruclips.net/video/FyAffFpSF7w/видео.html
      Watch this video. I made this video for u.

    • @chammu6936
      @chammu6936 3 года назад

      @@parallelcode Thanks bro

  • @cs151_subramanianm4
    @cs151_subramanianm4 2 года назад

    Clear explanation.. Thank you sir...

  • @bugiiiape1612
    @bugiiiape1612 3 года назад

    Thanks bro 👍☺️😊 helped a lot

  • @gauthamraj480
    @gauthamraj480 3 года назад

    Bro super explanation ....thanks a lot🔥🙏

  • @kowsikal526
    @kowsikal526 3 года назад

    very clear explanation bro
    Thank you so much bro

    • @parallelcode
      @parallelcode  3 года назад

      Thank u so much Sister. Keep watching and share with friends if u feel as very useful

  • @sprathap1652
    @sprathap1652 Год назад

    Ok

  • @charlesxavier2408
    @charlesxavier2408 2 года назад

    Brother good job , thanks for this video.

  • @surekannan7812
    @surekannan7812 Год назад

    Thanks 😊

  • @davidsoninbaraj7793
    @davidsoninbaraj7793 2 года назад

    thanks bro

  • @subramanian5372
    @subramanian5372 2 года назад

    Super bro 👌

  • @poorneshp1387
    @poorneshp1387 2 года назад

    Videos continue Pannunga anna

  • @Hariharan-yj2gf
    @Hariharan-yj2gf 2 года назад

    Mobile tab idhumari devices la crt ah theriya ...
    Mediaquery mattum tha use aguma ... Bootstrap use Agatha or rendula edhathu onu use panlama

    • @parallelcode
      @parallelcode  2 года назад +2

      Flexbox, grid concept ellam irukku.. adhu ellam latest technology. Idhu use panna media query illama webpage responsive ah kondu vara mudium. ella device kum adaptive ah irukkum. But indha concept use pannalena neenga media query use panitha responsive kondu vara mudium. Idhukku neenga bootrsrap use paniklam. Avangale media query ellam eludhi vachi irupanga so nama eduthu use panikitta podhum.
      Neengale own coding pottu grid or flexbox concept use pannalena appo
      Neenga media query kandippa eludhanum appo tha responsive kondu vara mudium ok.

    • @Hariharan-yj2gf
      @Hariharan-yj2gf 2 года назад

      @@parallelcode romba thanks bro ....unga video romba simple and superb ah iruku bro .....
      Bootstrap pathi video pota innum konjam (rombavey ) use full ah irukum bro ....
      Bootstrap la major concepts mattum podunga bro ...

    • @parallelcode
      @parallelcode  2 года назад +1

      Sure I will try to upload.

  • @chammu6936
    @chammu6936 3 года назад +1

    Hi bro , is this correct way of writing media query ?
    /* smart phone */
    @media(min-width:576px) and (max-width:767px) {
    .greet {
    background-color: green;
    }
    }
    /* tablet */
    @media(min-width:768px) and (max-width:991px) {
    .greet {
    background-color: red;
    }
    }
    /* desktop */
    @media(min-width:992px) and (max-width:1199px) {
    .greet {
    background-color: yellow;
    }
    }
    /* TV */
    @media(min-width:1200px) {
    .greet {
    background-color: purple;
    }
    }

    • @parallelcode
      @parallelcode  3 года назад

      Yes.. this the way to develop your application as responsive

    • @chammu6936
      @chammu6936 3 года назад

      @@parallelcode Thanks bro

  • @suriya_619
    @suriya_619 2 года назад

    Media querry la ennum deph ah topics enna eruku?

    • @parallelcode
      @parallelcode  2 года назад

      RUclips la search pannunga innum neriya irukku

  • @haritharan758
    @haritharan758 2 года назад

    Bro media query inline css elutha mudiyuma

    • @parallelcode
      @parallelcode  2 года назад +1

      No. Style attribute have property and it's value only. @media is can not write in inline CSS. Its possible internal CSS or external CSS

  • @udhaykumar529
    @udhaykumar529 2 года назад

    Bro nenga head tag la link 🔗 pathi knjm solamudiyuma enaku link la tha romba problms varthu

    • @parallelcode
      @parallelcode  2 года назад

      I will upload one video about linking. Then may you can get clear idea.

    • @parallelcode
      @parallelcode  2 года назад

      ruclips.net/video/RoeX5X9V0-M/видео.html
      Check this link. Created this video for you.

  • @najmudheenkalapatil4785
    @najmudheenkalapatil4785 5 месяцев назад

    Please short your video time this video is too lengthy and little content