What is Responsiveness? CSS | Web Development Course | Lecture 7

[@itsparas4259]

Bhaiya meri aapse koi demand nhi or students ki tarah mein sirf aapko thank you hee kahunga aap itna sab kuch kar rahe ho.

[@itsparas4259]

@Uttkarsh ' s world m ye aapki thinking hain koi nhi bhai.....

[@Krishnaaa34]

First i am going to say "quality ke sath sath quantity bhi matter karti hai" But great work !

[@PixelPioneer37]

Tareef thi ya burai 😜🤣

[@harismehmood9988]

Animation helps a lot in understanding this concept Thanks bro🎉🎉🎉🎉

[@rajendrakumarshaw3646]

Finally the wait came to an end, ❤️❤️

[@apurvmokashi195]

Sir ek media querry pe dedicated video banao.!! This is too fast to understand.

[@vedantpawar5362]

Keep up the consistency. Its the best course

[@techandgaming2016]

No words for aman sir. Just unbelievable

[@chemistryhub7809]

Next Level Teaching.....Whitehat Ke bas Ki baat Hi Nahi Hai

[@masterozzie3020]

yar bayya bohot delay kar rahay ho, we appreciate ur hard workand wanna see more thats why we all are requesting to upload fast. Bohot maza aaraha hai parhnay mai bas consistent raho bhayya

[@shivam_nagar69]

bhai mujhe aaj pta chala ki bhaiya late upload kar rhe h kyoki maine 10 din phale html start kiya tha aur aaj pta chala css lecture 7 ke baad bhaiya ne daala nhi h

[@ffsdiv]

Me watching after 6months😅

[@bhaskarshukla2604]

@Zishan Jamil aur BOI ham tumse bahut din baad and the cycle goes on...............

[@fxuz4n]

@@bhaskarshukla2604 BOI Ham tumse bhi zyada late dekh rahe hain others, please continue the chain 😂

[@adityamaltare6578]

@@fxuz4n excuse me brother idhar ✋😂😂

[@itsaryanguys]

Aman bhaiya luv u❤️

[@mamasfoodworld9629]

wah sir wah phala teacher dakha ha ap jaisa bhot detail datay ho ap

[@SM-sg8bd]

Bro, please do it as soon as possible we dont want animations the class is worldclass please complete web development course, we beg you Aman bhaiyya. With lots of love💖

[@bharath5925]

They are not responding to any comment

[@burhankhaja746]

Same

[@lilbludgunorsome]

@Uttkarsh ' s world m thats what i am saying. First of all he is not my family member, nor this platform is education specific by that i mean that we r no paying him for some course,(he earns money from KZbin is not the point). My point is youtube as an education platform grows only due to luring thumbnail and titles. So if he has to grow he needs to put that. And also as compared to other courses out there , the amount of editing and precise knowledge is accurate. So if u all want what we need, then ask him to open his tution on other platform where students pay an enrolll, and then bargain for their wishes.

[@adityasingla3148]

Actually he wants to create a course that can be used by people for years Thats why they are trying to do there best so that people in future can utilise this.

[@KodiLearn]

@@adityasingla3148 BTW most of the things they will teach like React JS, node JS, and many more things will be outdated in future. So, forget that it will be used by many peoples in future. It will be outdated after just 5 years

[@nikhilkaushik4230]

These are great tutorials for a beginner for learning Web development.I am regularly following it. Thank u bhaiya..

[@tejas4813]

But They Are Not Regularly Uploading Videos , Like The Next Video Will Be Uploaded In February .

[@mohdbilal9327]

@@tejas4813 you are right buddy I also follow their videos but the only problem is they are not regular 😐😐😐

[@nikhilkaushik4230]

@@tejas4813 I agree to you bro.

[@Bhanudas79]

Amazing video content sir Thank you🙏🙏🙏🙏🙏

[@sanketpokharkar1377]

Big big respect Aman bhaiyaa .

[@jatinduggal1975]

i felt this video content difficult and confusing, but u taught very fast....i saw several times this video at 0.5x speed still not 100% clear

[@aneeshmohanty2850]

github link says page not found i.e. 404 error :(

[@ishanpandey3733]

bhaad mein jaao

[@AhmedHassanSheikh]

I love This I man he delivered the content is very easy way

[@0xfabb]

Hello myself VANSH KHANNA and I study in class 10 I use to watch all the lectures of web development regularly and also practice as much as possible. I beg you aman bhaiya please bring all the lectures as soon as possible because my preboard are approaching and I will not be able to watch and practice during preboard so please complete this series fast!! 🙏🙏🙏🙏🙏🙏🙏🙏 ❤️❤️Love you aman bhaiya ❤️❤️

[@adityasingla3148]

I am in 9th

[@adityasharma6579]

@@adityasingla3148 my name is also aditya, im in class 5.

[@2cHTCp0120]

@@adityasharma6579 yo my real name is also aditya ,i'm in class 1

[@Aditya__047]

@@PratikD-dy4yo waaah😂😂

[@Dr.dhumketuIITDholakpur]

I am in my pichla janam maine pichle janam mai he seekh liya aur tum abhi seekh rahe 😂😂😂😂

[@kritikanath2753]

Bhaiya ek baat toh hai ki mtlb maine youtube pr bahut saare course dekhe they web development ke unse padhne ki koshish bhi ki thi but kuch interest nhi ban rha tha, but OMG aapka course toh ek dum sahi mein phodne wala hi hai, ab itna interest aa rha hai ki bas web development krne ka hi man hai aur kuch bhi nhi, bas ab javascript ka course bhi le aaiye bhaiya jldi se

[@ComputerScienceSimplified]

Awesome, keep up the great work! :)

[@yashsaini6113]

Bro please continue this class Because I need this

[@rajkumarchoudary4819]

Bhaya, IP ka pythan or SQL dal do plz... Aap na bola tha wo Dec sa chalu ho jaya gha or abhi Jan khatam hona wala hai... Ok sir chemistry and physics ka remaining notes kab aaya gha ab mara pre board bhi aana wala hai!! Plz... Like who also want

[@EMudigondaAakash]

finally!!!!! dhatarwal Bhayya please... please.... please.... drop the videos more consistently... we know you are busy creating other videos too... but please iChat bhi Rhoda same deed Bhayya apart from this small issue we love you and your work❤️

[@burhankhaja746]

He made us feel he is working hard for this material but in reality this is trick...they delay so that you become more hungry for the content.... And soon they will charge money for their course in the middle of the roadmap at perfect timing

[@burhankhaja746]

Boycott apna college

[@aniketmahajan8012]

great content love u bhaiya..

[@sayantanisaha]

To Aman Dhattarwal The C++ course was supposed to end by the end of Jan, and jitna video dala hua hai usse toh or 2 mahina jayega.... When you choose something with so much enthusiasm and such big promises try to complete it in time, we could have gone for some other course if you wouldn't have called it World's most premium course 🙂

[@prakhanshubharadwaj1545]

This is so true!

[@sayantanisaha]

@@kapilvaishnav6851 there are various other channels who have already completed the C++ Playlist.... Tbh I could have gone for some other language otherwise Time management is the key, agar language ko sikhne Mein itna time Jaa raha hai toh 100% implement kab karoge

[@ig_cypher5236]

@@sayantanisaha yaar unko itna kuch handle karna hota hai.... They are not doing this for money, Even they are spending their money on us.... So please Cooperate

[@samirbhauraojigiripunje6796]

hey this is free u should not critisize them in such a way. This is very bad way. If u have money buy course na why showing this thing here in comment section. ye course tum jaise amiro ke liye nahi hai.

[@muhammadusama138]

CSS Code file just copy and start coding *{ padding: 0; margin: 0; } body{ font: 14px Georgia, serif; background: #ccc; } article, aside, figure, footer, header, hgroup, menu, nav, section{ display: block; } h2{ font: 24px Georgia; margin: 0 0 10px 0; } h3{ margin: 0 0 8px 0; } p{ margin: 0 0 20px 0; } #fluid-wrap{ width: 70%; margin: 60px auto; padding: 20px; background: #eee; overflow: hidden; } #sidebar{ width: 35%; float: left; } #sidebar ul{list-style: none;} #sidbar ul li a{ color: #900; text-decoration: none; padding: 3px 0; display: block; } #main-content{ width: 65%; float: right; }

[@tahirkhan-wz9or]

thankuu

[@mohdrehmanansari6728]

Thanks 🙏

[@baapplayerclip]

Yes! Aman bhaiya please Python course ❤️🙏 please

[@rushikeshshinde9751]

do check out apni kaksha channel you will find it there

[@shahbazliaquat00]

isi ka intzar tha... thanks❤

[@lalitbasista5895]

Rahul Kumar and Neha Sharma ft. Aman Bhaiya never ending story

[@poisson6673]

Stop saying very late/lots of delay between one video and next or inconsistent.....appreciate his hardwork....aman bhaiya is giving this for free....not even 1$...if u want some series with regular uploads go to other KZbin channels/playlist....the aim of this playlist is quality.....worlds best course....once completed someone can watch the vids one by one.....but Idk why these ppl despite getting such quality content....keep annoying and complaining....look at those ppl who r keeping paid courses for this topic... Either u get lost or u don't complain

[@tejas4813]

Wo Sab Toh Thik Hai . Lekin Agar Regulary Videos Upload Nhi Hogi Toh Ek Time Table Nhi Banega . Aur Phir Bache Distract Hojayege .

[@KodiLearn]

toh batado yeah log course kitne saal mai complete kar lenge? free dene se kuch nahi hota achhe se consistent hona vi padta hai PS: it is not the world best course

[@uzairsyed6559]

Bhai aapka padhane concept bohot achha hai

[@capriyanshbhatt3084]

Thank you 💓

[@anushkagautam04]

Finally.

[@cvgh9455]

Bro, if you can start new course of python You doing very well things .

[@Janasennews]

Super

[@shubhamkumar170]

great video btw :-)

[@Zeno007]

To whosoever the code is not working properly or like you are not getting the responsive design as he has, indeed the fact that you have the same code as he does. Just make sure you have included this meta tag in the html as it's a core requirement for the web page to be responsive. (P.S :- I wasted like 30mins in this xD)

[@mohammedfaiz1207]

thank you soo much..from last 1 hour iam trying to debug why its working properly for some @media

[@abhaytiwari6411]

🔥🔥👏👏👏

[@PRANAV_GARG_]

At time line 2:30 what step is taken ,not understanding. Plz tell

[@studyhours5402]

thankyou bhaiyya ❤️

[@kedaradkine1795]

Please bring PYTHON COURSE 🙏🙏😊😊😊

[@kaifshaikh465]

Yess yess!!!!

[@souhardyapaul]

Yes

[@amitshukla1651]

1 QUE- Not logical operatore ko combined krke use nhi kr skte, ya nhi krte? ( अर्थात- 1 hi media query m 2 ya usse jada not media type ko combined use krna). 2 QUE- Only logical operatore ke lie bhi same que, combined use nhi krte h, ya kr nhi skte h?(अर्थात- 1 media query m 2 ya jada only media type ko combined krke use krna )

[@iztech1534]

🙄ohh bhai khichdi ban gai mind ki lots of questions

[@harshilsarariya]

🔥🔥🔥🔥🔥

[@aotlovers9721]

Email png icon is not displaying checked everything and every syntax😩😔😔

[@truechannel158]

Padding-left:30px background:url(../folder name/png file name) left center no-repeat; background-size:30px

[@adithyashetty2157]

Waiting for next week's video 😂 Edit:- Thanks for this course 😁😘❤️

[@ayazziaansari]

Bhaiya just a request video bahot slowly release hori h. Try to release atleast two or one vid per week

[@HashOak]

The webpage for code in "css/style.css" is not working. So, I searched it in ApnaCollege official page in GitHub. Here it is * { margin: 0; padding: 0; } body { font: 14px Georgia, serif; background: #ccc; } article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } h2 { font: 24px Georgia; margin: 0 0 10px 0; } h3 { margin: 0 0 8px 0; } p { margin: 0 0 20px 0; } #fluid-wrap { width: 70%; margin: 60px auto; padding: 20px; background: #eee; overflow: hidden; } #sidebar { width: 35%; float: left; } #sidebar ul { list-style: none; } #sidebar ul li a { color: #900; text-decoration: none; padding: 3px 0; display: block; } #main-content { width: 65%; float: right; } Thank you!

[@redsunflower7]

there's a # left before main-content

[@HashOak]

@@redsunflower7 Thank you for noticing

[@iztech1534]

Thank you

[@AkibHussain]

Thank you so much

[@rishikeshsangareddypeta3119]

Bhaiya, I appreciate your hardwork. But it would be more better if you upload web dev course related videos frequently. When you started web dev course, I was like chalo ab karlengey pura course complete. This is not happening. Anyways I respect your commitments. My request is that if possible, try to be frequent on this course

[@tarun.kumar.hr26]

Koee bhi kaam complete nahi karte

[@shivu170]

mere mac me mobile symbol nhi dikh rha..kya kru?

[@shivanibabbar8232]

How many more videos are left?

[@thehackr.]

Abhi css hi pura nh huaa... Inka .. El video bnaane me in KO mahino lag rhe

[@mmode3399]

I am not able to understand the basic code ..i mean i can understand that but i am not able to get it why that code is used plz help!!

[@taranggupta1127]

basically we use this here so that our layout is not damaged ,normally when screen is small u can not put so much it becomes hard for user to understand thus in this way it is easy for us .

[@mmode3399]

@@taranggupta1127 thanks

[@akroksi2802]

Sir mere responsiveness show nhi ho rhi, aapke batae codes dalne ke baad bhi.

[@harshjaiswal6467]

no link of codepen present here ,please make it available.

[@hemaa6296]

i got an error that resource not found please help me in this

[@tamannaameri8819]

i have a problem to make web responsive the problem is, i am not able to do change in make style after changing width

[@arpanabharti.]

inspect ma phone wala icone seen nahi hota ha plz reply me

[@Aleemkanyu]

full screen mei browser use kro,selector ke right side mei hota hai

[@wondergurl6876]

Sir this lecture was a bit hard to understand. Mery toh sar k uper sy guzar gaya even after watching it 6 to 7 times. Sir Please help and make a new video on it with a clear explanation, Thank You.

[@jatinduggal1975]

i cant find the link for the page u created in this video.....its difficult to create on my own bcz u have not taught all these properties yet

[@Jay-ib7tr]

thanku

[@sherymalik8501]

PL-Sql pr bhi videos bnaiye ga future mei

[@urbanayre]

not gonna lie i had to make a 556 line css code jst to get in the responsiveness

[@shikharoy8614]

Please regularly course daliye

[@wondergurl6876]

Hello sir, sir inspect element may mery pass "mobile mood" nhi aa raha aur mery pass inpect element may option b change hai ap waly sy so may kesy kroun agy ka. Please help.

[@niranjalidutta9941]

Thank you

[@ArjunSingh_22]

Ese to course nahi complete hone walaa... Kabhi bhi...aaj ke baad ab direct February me video upload karenge..... Mujhe lagata hai

[@saketsuman1282]

Ye video ke vaad fir so jana tumlog chain se agle 1 week.

[@odaysgaming6854]

Abe chutye kya likha hai tero ko bhi samajh aa ra hai kya?

[@saadmurtaza8205]

😂

[@vasutiwari4187]

Agya agay maal agya

[@dharmeshvala3726]

link was not working bhaiya do something

[@manjuverma1173]

Isme image k height width kese adjust k itni choti ya krne k jaraurat nhi hoti

[@kartikprajapati716]

what to do when image is on the link after being written no-repeat,left center

[@AnjaliSingh-wt2dm]

@media screen and (max-width:600px) and (orientation:landscape){ body{ color: green; } the first @media query is commented and the second is not commented so the second media query should give the output but it is not giving any output AND if the same media query(i.e second one) is written above the commented media query then getting the correct output. Why is this so..??

[@yoddha621]

No u cant use this to comment in css that is used in html . You hv to use /* */ this to add comment in css

[@AnjaliSingh-wt2dm]

@@yoddha621 okay thanks for that

[@rajshree8835]

kya hum sirf bootstrap ka use krke bina media query k webpage ko responsive bna skte h?

[@alooandbhaloo]

Aman bhaiya pen ka link kaha hai? github ka link bhi broken hai please responsiveness par ek separate video banao

[@BBZ_Gaming911]

Pls bring python n competitive programming course

[@roy.dipankar]

Github link is not working sir...please share css source code

[@rishisahoo2772]

github.com/apnacollege/web-development-course/commit/3e42643080d9a0c3d0c3ef02bda0616fb5eb3ec2

[@roy.dipankar]

@@rishisahoo2772 tnk u bro

[@mehfoozirfanalamkhan5285]

there is no code pen link and git link is showing error what to do now in video not clearly shown code there ?

[@rohanmp-rt1si]

Can anyone explain me, What is the use of (fluid -wrap) id (10:38 in video)

[@gorakhkumargupta491]

Good evening bhaiya🙏

[@anshukumar2040]

after watching your tutorials very carefully I came to know that Neha and Rahul are lovers!

[@neerajkumar6101]

Bro code h to yaha pe paste kr de na

[@darthvader3897]

who tf are they

[@mrudulakulkarni7329]

The Github link isn't working.

[@zero-w1b]

Aa gyi video😂😂 Party😂😂😂

[@meghnanakhate7765]

where is the codepen link? not in desc, also github repo link is broken

[@laibayasin-t7p]

this video is soo confusing plz help mjy baqi sb videos bht achy se smjh ah gyen han but ya ni ah rhi first confusion: where are these elements come from? article, aside, figure, hgroup, menu, section, second : we did use any h2 tag in html then why we are selected it in css h2 { font: 24px Georgia; margin: 0 0 10px 0; third: what is data-email and how to use it ??

[@ktv310]

Sir pls jldi daliye videos we are waiting

[@maazkhanmkk]

@media is not working in visual

[@siddhantmehta9126]

bhai wo webpage kaise bana tha aapka mera sab neeche aa jata hai aapka wo sab right me kaise gaya and icons kaise aaya and wo mail ke links kaise aaye please help

[@anirudhkhole9390]

Bhai apne collage series band kardi kay?

[@drmohdtanveer]

Ek course android development ka

[@cenacr007]

ye wla to complete ho jane do

[@hassaanraheem5644]

KZbin pr available hai 1) "Anuja Bhaiya" 2) "CodeWithHarry" 3) "Fahad Hussain"

[@ziyaulrehman1329]

Mera @media work nhi ker raha hai , output me

[@yeswanthv6333]

Hi brother , did you find a solution for this !? If yes please help me out ... I also have the same issue.

[@Muntasir007]

14:24 For me the icon was showing on the background instead of left side what i needed to do was resize the icon to 20px 21px as the padding was 21px and it worked. i used a different icon maybe thats why i faced this problem.

[@BeingAce_]

Hlo

[@Muntasir007]

@@BeingAce_ hlw

[@BeingAce_]

@@Muntasir007 how's it's going??? Sometimes I do not get same results as in video.

[@thefourhourtalk]

mere media mei problem araha h display nahi kar raha

[@vahiddanish7246]

When I use only @media screen the red color is getting displayed but when I use "and (width:600px) it's not working is the syntax correct ??

[@RajneshRajput-ew5ug]

❤❤❤❤

[@shauryavishnoi4261]

Ye inspect element mere me kyu nhi aa rha srf inspect hi aa rha hai

[@mdabdulrazzaque3502]

I need ur help, Plz I follow ur all step for Email Image set in CSS file. But i can't. My Email Image and Html, CSS file are in same folder. that's why i write like this background: url(../Email-icon.png) left center no-repeat; " "(Email-icon.png) " " " ; or ese v But no work......Plz Help me What is mistake in my Email Image PATH?

[@mdabdulrazzaque3502]

17 hrs ho gy hai......

[@kungfookeney6628]

@@mdabdulrazzaque3502 2 week

[@parthvaghasia2819]

the link given below is not working what to do???

[@alishachhabra7995]

Finallyy

[@Corporate_slaves]

3:10 bhai ye sirf mac book me setting availabl h chrome me nhi