CSS Calc() function Tutorial in Hindi / Urdu

[@gamingshazam343]

after 5 year ab transfom :translate X-50% ,Y-50%;
so easy
but nice aap bahut acha explain karta hai

[@YahooBaba]

Thanks and welcome :)

[@anilchoubey7155]

Great, very useful, keep going

[@YahooBaba]

Glad you liked it

[@anandjaiswal3621]

You are osm sir 👍👍👍🎉 your videos are always understandable...

[@insightofindia3624]

Thank you Sir 😊😊😊
Kabhi bhi Main agar is field me success hota hu to uska credit main apko aur mere Bhaiya ko dena pasand karunga ❤❤

[@YahooBaba]

Thanks and welcome :)

[@brightcreation651]

Thank you so much. Very useful video. Love you Sir

[@officialmiracleofdoll]

Your content is always awesome 😎😎

[@YahooBaba]

Thanks and Welcome :)

[@Abbas_jan]

Legend watch in 2024😂😂

[@bestahmadff580]

Good job sir bahut hi accha samjhaye bas awaz ki quality thodi kamzor hai

[@cybershrajal]

Agar box sizing border box dekar 250 minus kare to kaam ban jayga ?

[@NeerajTiwari-gu7vo]

you are great sir nice vedio

[@YahooBaba]

Thanks Neeraj :)

[@RajaChetia-s3i]

You are best sir❤❤

[@AllRounder-bp1wz]

Sir, is this correct way to put a field in paragraph tag.? is it professional.?
Name:

[@YahooBaba]

Their is no need of Paragraph tag just put this input tag in tag.

[@PrakashPatel-bm9ke]

Nycly explain.

[@YahooBaba]

Thanks for liking

[@shabbirhusain6634]

sir calc ke kya zaroorat hmm transform-translate:(-50%,-50%)
tu use krr sakte hai

[@YahooBaba]

Hello Dear, Yes i know this but meine yha par aapko bus ek example hi diya hai calc function ka, Iska abhi itna jyada use nahi hota hai web design mein.

[@swatikothari4257]

written program can i have? At this moment I understood. I wanted to understand all units

[@YahooBaba]

From this video you can learn all about Units : ruclips.net/video/2CW2B7W4Vas/видео.html

[@mostafijurrahmanvlogs]

thanks sir #bangladesh #love

[@PradeepSharma-wd3zl]

Sir aapne Jo padding lagai to sir Charo taraf se na 20 px increase hoga to aapne do side kauy liya hai

[@YahooBaba]

Aapka Question samajh nahi aya Pradeep .....please clear what u want to ask.

[@PradeepSharma-wd3zl]

@@YahooBaba sir aapne css calc () function use Kiya hai
Like div ki height increase Nahi huya tha padding dene se
Calc( 100%-20px-20px-1px-1px)

[@shadab_0706]

@@PradeepSharma-wd3zl apka question smj aagya, hum ko width gtani hai height nhi isliye sir ne height ki 20,20 px padding and 1,1px border ko calulate nhi kiya

[@shadab_0706]

@@PradeepSharma-wd3zl or itni janjat nhi chaye to "box-sizing: border-box" use krele div ke andr

[@devlab_academy]

very nice tutorial..I really appreciate it.. :)

[@YahooBaba]

Thanks Shahnewaz :)

[@MominKhan-rs3nu]

Question:
calc ma aik aik - karny ki bjay sedha heigth width he kiun nai kam karty?

[@YahooBaba]

Calc ko hum complex CSS Animations aur responsive designs mein he use karte hai.

[@YogeshSharma-hw9wu]

Bhai please make some 10-15 videos on project webpages

[@kishorisahoo6088]

Thank You sir 😊

[@YahooBaba]

Most welcome

[@ravichuhan6489]

Hello sir blogger me free responsive blogger template download Kiya tha html ki gadbad ki vaja se blogger me theme Ka setting phle jesa nhi aa Raha he phle jesa setting lane ke liya kya krru plz make on video

[@mikhaillomonosov1735]

Dear Sir, I am using the calc() function but it does not work?

[@smrutiranisahoo2790]

Yes sir same problem

[@SajadHussain-hr3hi]

sir calc function mein mein div center pe nhi ho raha hai pleae eska solution batao

[@educatorsfan9536]

Thanku sir

[@shareskill91]

Nice sir kuch aur videos bna skte ho calc p

[@YahooBaba]

Thanks onkar, very soon i will make one more video with different examples on Calc() function.

[@shareskill91]

Hum calc ki property ko kv kv use kr skte hai

[@thecoderraj3777]

Thanks sir :)

[@YahooBaba]

Most welcome

[@MuhammadSaeed-ee3wr]

Sir mene same coding ki hai lakin os me + or - ye 2 operators kam nhi kr rhy han

[@YahooBaba]

Kaunse browser mein check kar rahe ho ? Kyu ki yeh sab par nahi chalta

[@MuhammadSaeed-ee3wr]

Sir issue solve ho gia. Thank you. Wo me + or - sign ko sath touch likhta tha issi liy kam nhi kr rha tha

[@shareskill91]

Hello sir mujhe calc m thodi confusions hai

[@SajadHussain-hr3hi]

div mein mein position absolute be diya magar phir be nhi hu top or left mein mein calc function mein diya magr nhi ho raha hai

[@YahooBaba]

show me your code. My email : [e-mail]

[@technicalengineer3015]

Is say height bar jati hai is say acha
Box-size:border-box;
Ya hi lga lana hai

[@shareskill91]

How to add full width video with fixed height in html

[@shareskill91]

Mere parent div ki width fixed hai mai chata hu jo iska child div hai woh full width aye yeh kaise hoga?

[@hussainelectricwala6362]

Child div ko 100% width dene se woh pura width lega parent div ka

[@moinkhan8573]

Thanks sir

[@YahooBaba]

Welcome

[@educatorsfan9536]

👌❤️

[@terasoft-official]

very nice

[@YahooBaba]

Thanks

[@no1mrperfect]

Sir 1500 paragraph kaise liya
Kya shortcut hai

[@AayushKumar-ce9ds]

Type Lorem + tab

[@davidjonson303]

Thanks sir 😁

[@YahooBaba]

Most welcome

[@mdhasiburrahmannafiz9984]

😍😍

[@sparshgupta8078]

Sir jarurat kya h calc
Ki hmlog
Agr direct universal operator m ji
Box-sizing:border-box;
Lagade to margin padding ka dikkat hi ni aaega

[@YahooBaba]

Hello, han wo toh aapki baat theekh hai par calc function ka asli use complex animations aur complex layout designs ke liye kiya gaya hai.... yha par sirf meine ek simple sa example hi samjhaya hai.In future mein kuch aise video laane wala hun jha par iska acutal use samajh mein aayega.

[@sparshgupta8078]

@@YahooBaba thanks sir
Vaise AP kaha s ho

[@YahooBaba]

My name is Sanchit Soni and i am from Ambala , Haryana near Chandigarh.

[@amansharma7865]

@@YahooBaba whoa ..I am also from Ambala. Sector 7, Ambala City
where are u from in ambala ?

[@sanchitsoni]

@@amansharma7865 I am from Sadar Bazar, Ambala Cantt

[@kartiktanti6567]

I tried many times but not happening why?
could you give you phone no?please do reply.
#dox{
width:500px;
border:1px solid blue;
height:300px;
padding:20px;
background-color:yellow;
position:absolute;
left:calc(50%-1px-20px-250px);
top:calc(50%-1px-20px-150px);
}

[@YahooBaba]

It works only in browsers with latest version. Can you tell me which browser you are using

[@nomanali9836]

good sir

[@YahooBaba]

Thanks Noman :)

[@ankitatripathi2166]

sir mere browser me calc() function ni chal raha hai ,plz help

[@YahooBaba]

Ankita calc() function sirf latest browsers pe hi chalta hai... Try only on Chrome , Firefox or Edge with latest version.

[@singhmalkeet86]

great

[@YahooBaba]

Thanks Malkeet :)

[@rayeesakram905]

like me so that I will be here again and again

[@mehedihassan3522]

tnx

[@smrutiranisahoo2790]

Sir calc function does not work

[@YahooBaba]

show your code.

[@digvijaykumar5719]

sir plz aap css ka full code de dijiya because kavi kavi bhul jata hu and net na rahne se probleam ho jata hai

[@YahooBaba]

Digvijay bhut jald mein yahoobaba.net pe sabhi videos ka code bhe dene wala hun.

[@digvijaykumar5719]

@@YahooBaba sir MySQL aap ke channel par nahi hai so koi channel suggest Kar sakte hai because mujhe intranship karna hai but knowledge nahi hai so aaapp ka video se study Kar raha hu HTML CSS php

[@YahooBaba]

Digvijay MySQL course next 10 days ke andar shuru ho gayega in PHP course.

[@digvijaykumar5719]

@@YahooBaba thanks bro love you bro

[@idontknowmaybesomeone772]

Sir how do you take dummy text like that in notepad++? You just wrote lipsum1500 and the text came

[@YahooBaba]

That is emmet plugin. See this video for that :
ruclips.net/video/LiqWFwiN9Y4/видео.html