CSS Html Basic Layout Design Tutorial in Hindi / Urdu

In this tutorial you are going to learn css html basic website layout designing in hindi, urdu language.You can learn how to make a website layout with html div tag and css.

[@yoyocr2034]

Video length is short, still covered every detail, and well explained.. thanks boss, you're a master..

[@YahooBaba]

Glad you liked it!

[@iamrahiii]

@@YahooBaba pls share source code of this file.

[@muaazqasim]

@@YahooBaba rrfer7t7yyyyyyyyyyhgvrbfbdnjbvtvbnmjk,.

[@vaibhavmoharkar2349]

Thats speciality of yahoo baba. Its best

[@30sunique78]

​@@YahooBabait's worthy so everyone likes your content 💗

[@ankitatripathi2166]

TEACHER LIKE U INSPIRE MILLIONS OF STUDENT....THANK U SIR FOR SUCH AN EASY EXPLANATION

[@YahooBaba]

Your welcome Ankita :)

[@jomiburrahmanrafat]

Please support my channel Elementor button tips and tricks kzbin.info/www/bejne/nauyp6KljNhkga8

[@Amar11115]

Thank you very much! I am going to watch all the videos on CSS. Your explanation is lucid. Thanks for making them!

[@YahooBaba]

Your welcome

[@brodiemauricio9172]

You probably dont care at all but does anyone know of a way to log back into an instagram account..? I stupidly lost the account password. I would love any tips you can give me.

[@duncancalvin3158]

@Brodie Mauricio Instablaster :)

[@brodiemauricio9172]

@Duncan Calvin I really appreciate your reply. I found the site through google and Im trying it out atm. Seems to take a while so I will get back to you later when my account password hopefully is recovered.

[@brodiemauricio9172]

@Duncan Calvin it did the trick and I now got access to my account again. I'm so happy! Thanks so much, you saved my ass!

[@saqibali6900]

Teacher ho to aap ki tarha....thank you sir for such a great and easy explanations.

[@YahooBaba]

Thanks and welcome

[@DanishTaimoor150]

My All Problems Solved in this video thank you Sir

[@sanju-bw2ei]

Great tutorial sir, I clearing my all doubts by watching ur tutorials. Such a great work u doing keep it up sir regards from Andhra pradesh...

[@YahooBaba]

Glad you liked it :)

[@maqsoodshaikh4911]

Very nicE...apka tariqa buhut acha kam krne ka or smjhane ka great bs isi tarah videos upload krte rhen aur hamen guide krte rhe..... ShukriyA...!!!

[@YahooBaba]

Thanks Maqsood :)

[@priyankabhaurjar]

Very well explained sir I m learning web designing from ur videos... Pls responsive navigation and drodown menu explanation ka ek video upload kr dijiye... Bohat videos dekhe bt confusion hi h abhi b ap pls clear kr dijiye responsive navigation bar ka

[@30sunique78]

Many creators Make content like this but you''ll explain and cover and provide structure way that's makes you Unique . Thanks 🙏

[@dileshnannaware4881]

Wonderful project, which helps to clear all your doubts🤫💥

[@631singh]

thanku so much sir by watching your videos and few ohter youtuber teacher i stated creating basics websites thanku so much sir

[@YahooBaba]

You are most welcome

[@syedasyeda684]

zabrdast sir bhhht awlaa bhht acha smjhaya ...keep it up

[@YahooBaba]

Thanks Syeda :)

[@indranilgoswami1500]

Outstanding sir.. Excellent tutorial

[@YahooBaba]

Glad you liked it!

[@manasupadhyay266]

Awesome Tutorial. please make more videos about layouts making, they are very helpful

[@YahooBaba]

Yes sure :)

[@vikramjanugade9332]

I was waiting for this type of example.. thanks.. please upload practically web page related examples..!!

[@YahooBaba]

Sure I will

[@raviVerma-tc4ll]

Nice explain sir ji in short time 🙏🙏

[@hoorainahmad1208]

Or kia ye layout responsive hoga agr ham webapages ese layout par banye? Or Agr Sab selectors ko alag alag margin and padding deny ki bajay ham *{ Margin:0; Padding:0;} Kry tu?And thanks you are one of the best tutor I have ever seen. I learned alot from your videos .🌺 🇦🇫

[@saddamtuhin9105]

I am from Bangladesh.The way u teach,is very easy to undesrtand for a fool like me.I request u to make website using css,as u made website using bootstrap.

[@syedasyeda684]

thnx to Almighty Allah k apki vedio mujhy mil gai

[@ahmadkhan-ud4fz]

Sir Kafi Chezen like hover mene apke btane se pehle hi kar liya tha just cauz of you😁

[@Syed_Qasim_Alvi]

Best teaching in the world love from pakistan

[@YahooBaba]

Most welcome :)

[@AkashKumar-th8ux]

You are great personality yahoo baba

[@AkashKumar-th8ux]

I am beginner but I learn many fields of the website in minimum time. Thanks for yahoo baba

[@YahooBaba]

Your welcome :)

[@MuhammadAhmedLive]

Great teacher great work

[@YahooBaba]

Thanks Computer Education :)

[@GamersClubPk]

Your videos are amazing .nicely explained! Good work keep it up.

[@nandlalkumarprajapati5021]

Amazing video

[@zisanahmed4633]

Love you from Bangladesh😍😍😍

[@YahooBaba]

Your welcome Zisan :)

[@Bruce_Wayne681]

Thanks.!! Awesome Tutorial Bhai

[@avijanagal500]

👌👌 awsome bhaijaan asha krtay hai ki apka channel bdi uchaeaa shuay❣️

[@YahooBaba]

Thanks Avi for ur good wishes :)

[@satishkaushik7794]

Sir... Apne li tag ko inline-block diya hae... Lekin li ke andar anchor tag ko block kr diya hae ... So it should up to down. Kyunki block elements to up to down move krte haen ... Can u explain little if possible?

[@YahooBaba]

Satish "block" ka matlab ye nahi hota ki wo down side mein move hogayega. "Block" karne se jo bhi html ka element hota hai wo Block ke tarha kaam karne lagta hai like tag. Jaise div tag browser ke puri width cover kar leta hai waise he, Agar aap tag ko block bana doge toh wo whi div tag ki tarha kaaam karne lagega aur usmein padding aur margin bhi thikh se kaam karenge. Yha tag ke andar ek he tag hai aur wo hai tag toh wo utni he width le lega jitni width tag ki hogi.

[@satishkaushik7794]

@@YahooBaba thanks a lot ..🙂 thanks u so much

[@studentbengal4043]

Very very nice video Sir 👍

[@YahooBaba]

Thanks and welcome

[@muhammadismail4229]

Zabardast ❤❤❤

[@idontknowmaybesomeone772]

Love you hogyaa sir ❤️

[@mrdashbix4383]

really appreciate you man.Bundle of thanks for amazing video

[@YahooBaba]

Your welcome :)

[@Web_Cric]

Keep teaching us ......

[@arslanahmed653]

Awesome tutorials keep up the good work

[@YahooBaba]

Glad you like them!

[@shoibahmed3259]

Excellent...

[@khatariinsaan5284]

Sir Excellent Explanation but try to provide Sorce Code

[@taqadasurrehman5808]

Sir amazing learning CSS from your videos

[@YahooBaba]

Glad to hear that :)

[@owaiswali6499]

kamal Sir God Bless You 👍❣🇵🇰

[@YahooBaba]

Thanks Owais :)

[@yuvrajsingh8609]

this practice sum's up the above topics thank u sir!

[@YahooBaba]

Most welcome!

[@sktamim_01]

Content quality first class sir❤️❤️❤️

[@YahooBaba]

Thanks a ton

[@sktamim_01]

@@YahooBaba 😁😁😁

[@muhammadashfaq2895]

Bro. you are awesome

[@YahooBaba]

Thanks :)

[@iqrashehzadi5590]

Sir yaha tak css bht ha ya agay b krne plz reply kr de q k.animation walay kn se topic han mene wo nhi krne mje wo b nhi pta jha tak basic css cover ho jae wha tak bta den

[@mdhasiburrahmannafiz9984]

You always make grateful to you.

[@avinashjadhav645]

Good explanation bro....thanks a lot

[@YahooBaba]

Welcome 👍

[@sktbirds3258]

great sir

[@aj.edits1356]

Thankyou so much sir 🙏

[@anupyalsangikar6748]

Wow nice Thank you yahoo baba

[@YahooBaba]

Your welcome :)

[@musabkhan2463]

MAST EK DUM

[@YahooBaba]

Thanks :)

[@bishalchandragautam2866]

Thank you very much, great video.

[@jomiburrahmanrafat]

Please support my channel Elementor button tips and tricks kzbin.info/www/bejne/nauyp6KljNhkga8

[@naitikkathiriya]

well thank u so much for this basic one, but... 16:18 sir apne background to crimson diya phir hover pe bg red kyu aa raha hai?? bad me changes kiye!?

[@GreatTimeAlwaysTakeTime]

Awesome

[@dlsstudio]

Best explained

[@YahooBaba]

Glad you liked it

[@nomanali9836]

good work sir

[@YahooBaba]

Thanks Noman :)

[@awaiskhanjadoon12345]

sir je header ka uper or necha menu ka necha bhe space ha vo kasa remove kara gay

[@haristeachingcenter4320]

Asalam o Alaikum bhai jo header ke uper wala space h woh aise remove hoga aap ye code likho. #header h1{ margin: 0; }

[@manishavids4595]

Great work sir🙏🙏

[@YahooBaba]

Thanks Manisha :)

[@afsaramistry7686]

Thank you soo much sir

[@YahooBaba]

Most welcome

[@computingpulse9144]

Wonderful....

[@s_u_n_n_y_b_o_y]

Thank You Sir G.

[@YahooBaba]

Most welcome

[@pujapranab29]

great sirji.

[@YahooBaba]

Thanks Pranab :)

[@harir.prajapati628]

Thank you sir

[@MuhammadIsmail-dk9sv]

sir is this layout responsive or not?

[@osmonddsilva1577]

Great! Thanks

[@YahooBaba]

Welcome!

[@mohammadsulemankhan58]

MA SHA ALLAH GOOD WORK

[@YahooBaba]

Thanks

[@frontend9206]

Best for beginners

[@mnmanish2908]

Great sir

[@muhammadasifhayat5977]

Bhot zabardast

[@YahooBaba]

Thanks Asif :)

[@techhilfiger1014]

Well done

[@hu0.464]

body ma margin 0 kaam nhi kr rha ???? sir

[@YahooBaba]

Body mein padding do.... body{ padding:0px; margin:0px; }

[@ujjwalyadav930]

Sir I put margin and padding 0 in body tag but still my wrapper div have some space from top

[@YahooBaba]

I think their is a heading tag in top header in your code. Set margin:0; for heading in header.

[@ujjwalyadav930]

@@YahooBaba thankyou

[@aabywhyz3677]

Sir main aaj revesion kar raha tha anchor tag ke saathbana. Maine ek folder banaya jisme saari about us, faq ka page tha.. Jab maine usko link kiya anchor tag ke saatha. Jab mai about us par click kar raha hu to wo same page par content siderbar aur footer ke neeche aa raha tha.Aisa kyon ho rha hai

[@YahooBaba]

Aisa isliye ho raha hai kyu ki aapne jo Anchor Tag ke andar jo href mein path diya hai wo galat hai.

[@naseerahmad7817]

osam bhsi g

[@YahooBaba]

Thanks Naseer :)

[@syedasyeda684]

soooooper

[@YahooBaba]

Thank you

[@zainulkhan8381]

so impressed sir very well explained

[@YahooBaba]

Thanks :)

[@pavanpatil7759]

Sir one video on etc

[@YahooBaba]

As soon as possible

[@Muhammadasif-ps1ni]

hi, have u complete website make through css & html , if yes kindly provide his url

[@anukashyap4817]

Thank thank you so much sir 🌹🌹🙏🙏

[@jomiburrahmanrafat]

Please support my channel Elementor button tips and tricks kzbin.info/www/bejne/nauyp6KljNhkga8

[@syedasyeda684]

respect for u

[@YahooBaba]

Thanks Syeda :)

[@ashutoshjhinkwan4304]

Hello sir ye jo file ya webpage bana hai ise kis extension me save karna hai .html me ya .css me

[@YahooBaba]

HTML extension mein.

[@ashutoshjhinkwan4304]

@@YahooBaba thank you sir, i understood

[@muhimmen]

+1 like

[@ZaidShahid777]

Sir ager content area mai content barhta hai to uski height increase hoti hai, lekin sidebar ki height utni he rehti hai, ager hum chahtay hain k content area k sath sidebar ki height bhi automatically utni he increase ho jaye to us k liye kia kerna hoga?

[@YahooBaba]

Use CSS Flex property for that.

[@ZaidShahid777]

@@YahooBaba thank you so much , love and respect from pakistan.

[@ZaidShahid777]

@@YahooBaba sir kisi din apna introduction bhi dijiye ga..

[@YahooBaba]

Jaroor Zaid :)

[@AKASHDAS-pp6dl]

hover is not working. why sir? #menu li a:hover { background-color:crimson; color: white }

[@vikasshankeragarwal9529]

Thank You so much.

[@YahooBaba]

You're most welcome

[@arslanmalik5904]

Thank u Sir very amazing

[@atifhusain7924]

Sir dislplay:inline-block; property not working in #footer...but it working on #menu #footer { background-color: blue; clear:both; width:100%; } #footer li { displa:inline-block; padding:5px; } #footer li a { text-decoration:none; color:white; padding:5px; font-size:16px; display:inline-block; font-family:arial; }

[@YahooBaba]

show me the results...by screenshot or send me your whole code at : [e-mail]

[@atifhusain7924]

@@YahooBaba Thank you Sir

[@Timed-Automaton]

2:57, how do you duplicate so quickly? Is there any short cut key for this?

[@YahooBaba]

CTRL + d

[@Timed-Automaton]

@@YahooBaba thank you.

[@iramawan5766]

sir i added all the coding just as you did, but its not coming out same, everything messed up..i checked again and again but its coming out weird

[@YahooBaba]

Sen your code folder at my email id : [e-mail]

[@syedasyeda684]

like it

[@nainaquarius3634]

Sir hmen kesy pta lgy ga k div 1000px ka hai?

[@YahooBaba]

CSS ke file ko open kar ke...

[@jiteshjoshisde3154]

Sir ye to mobile k liye responsive bna hi nhi.. please.. make vedios for responsive layout .. like professional sites

[@AbidHussain-hg4gh]

Thank you

[@YahooBaba]

You're welcome

[@hellocoding2614]

Still I'm facing a gap between header and menu and a gap between menu and slide bar by keeping the margin 0; What's the issue? Can anyone tell me!!

[@divyaborekar3094]

Sir only footer ka hi clr aa rha hai , Header ,menu ka backy clr nhi aa rha

[@YahooBaba]

send your code file at my email, I will correct it : [e-mail]

[@alwayscol9061]

❤❤

[@khadijamalik2328]

sir body m jo padding or margin dia work ni kr ra mra

[@YahooBaba]

Aise toh kuch khe nahi sakta. Aap apna html and css file mere email pe send kijiye : [e-mail]

[@JayeshPatel-qs2ye]

After menu line display taken as inline-block, anchor tag function not working after making it block also

[@khushbooali9504]

U haven’t include width property properly

[@computerCCC]

Thoda zoom kriye

[@saweratravel3024]

thanks sir

[@mrjockey1375]

Why does my paragraph's text getting blue as link in browser window?

[@YahooBaba]

Because you didn't close your Anchor tag

[@ShortBlaster12]

Sir jab sidebar ke dots ko remove Kar Raha hu to nhi ho rahe hai #sidebar ul a{ list-style-type:none; }

[@YahooBaba]

kaun se sidebar ke dots ?

[@ShortBlaster12]

Jo humne sidebar me ul list ke anadar li item me anchore tag liya tha

[@lsuremusic3787]

@@ShortBlaster12 use #sidebar ul only

[@fullpower4275]

Bhai ul ka andar remove Krna hai na ki ka App aak bar #sidebar ul{ list-style-type: none; } Aasa kr ka dekhe