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;
}
Spr anna romba porumaya nalla puriyara madhiri oru class eduthinga..romba tnx..idhukapram neenga update pandra vedios um idhu polavey solli kudunga..🥰
depth definition
Super really excellent explanation❤
thank you bro
Ur explanation was extra ordinary... Outstanding thank u sir
Crystal clear Explanation .
Thank you very much Anna.
You are welcome. Thank you.
Its very useful anna
Thank you so much bro, this session is very useful us 👍🙏
Very good explanation...Thank u so much...
Please share this to whom it's useful.
Thanks for the clear explanation bro.What is the difference between .med-container h1{....} and .med-container>h1{..}
ruclips.net/video/FyAffFpSF7w/видео.html
Watch this video. I made this video for u.
@@parallelcode Thanks bro
Clear explanation.. Thank you sir...
Thanks bro 👍☺️😊 helped a lot
Bro super explanation ....thanks a lot🔥🙏
Thanks..
very clear explanation bro
Thank you so much bro
Thank u so much Sister. Keep watching and share with friends if u feel as very useful
Ok
Brother good job , thanks for this video.
Thanks 😊
thanks bro
Super bro 👌
Videos continue Pannunga anna
Mobile tab idhumari devices la crt ah theriya ...
Mediaquery mattum tha use aguma ... Bootstrap use Agatha or rendula edhathu onu use panlama
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.
@@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 ...
Sure I will try to upload.
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;
}
}
Yes.. this the way to develop your application as responsive
@@parallelcode Thanks bro
Media querry la ennum deph ah topics enna eruku?
RUclips la search pannunga innum neriya irukku
Bro media query inline css elutha mudiyuma
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
Bro nenga head tag la link 🔗 pathi knjm solamudiyuma enaku link la tha romba problms varthu
I will upload one video about linking. Then may you can get clear idea.
ruclips.net/video/RoeX5X9V0-M/видео.html
Check this link. Created this video for you.
Please short your video time this video is too lengthy and little content