Learn CSS Calc In 6 Minutes

🚨 IMPORTANT:

CSS calc is one of the few functions available in CSS and it is incredibly powerful. Not only can you do simple arithmetic with the calc function, but you can also combine units together with the calc function to create really unique spacing and sizes. The real power of CSS calc comes from the ability to use it with variables which opens up an entire world of possibilities. In this video I will explain how the CSS calc function works and some unique use cases for the CSS calc function.

📚 Materials/References:

🧠 Concepts Covered:

- The syntax of CSS calc
- How to use CSS calc
- When to use CSS calc

🌎 Find Me Here:

#CSS #WDS #CSSCalc

[shredder_plays]

just love these kind of short videos make more such like these.

[Fresteeyles]

Wow, I really didn't know about css variables. This is extremely useful!

[abboudwow]

Your tutorials always short give the answer I need to and in simplified way, keep it up

[forgiveness_denied]

bruh I didn't even know that CSS Vars exists :D

[ProgrammingwithPeter]

Css is so underestimated but on the latest years grew so much, is insane what you can do with it

[dejw]

calc solved for my problem with keeping footers stuck to the bottom on different viewports. Just add this to Your main content class: .content { min-height: calc(100vh - [footer height]px); }

[AlThePal]

I literally watched the Kevin Powell one he did and told him I was dissapointed he didnt talk about the space on 2:51 that you did lmao I love you guys you two are my favorite to watch online for html css and js :)

[halivudestevez]

Your video helps me update my outdated css-html knowledgebase.

[bertilow]

Great explanation! I must remember to use calc. The only thing missing was some mention of browser support (or lack thereof).

[jamesmichaelsimmons]

I have a jumbotron that would not work until I made the height = height: calc(1 * calc(.5 * 100vw)); I have never used calc before, but now I think it really is magic! Glad this tutorial was available to help me. Thanks!

[manpatel]

whenever I come to your videos. You send me to learn something else, which will send me to another video. But let's be honest. WEB DEV SIMPLIFIED is just THE BEST. period.

[-velkan-rtx]

Too right, mate. Very well explained. GJ

[linhdo]

Awesome work! ....I always thought I could only use variables in sass :( Thank you!

[dealstunner]

Man you videos are excellent! And so are you :)

[josephmawa]

Thanks Mr. Cook for "cooking" these videos.

[yashhhh]

Very Easy to Understand, Thanks for great video.

[shadowwalker]

Your videos are easy to understand, thank you a

[funfamily]

CSS was always so boring for me, I never tried to learn it in depth. Your videos making me in love with css, thank you

[suryapratapsingh]

Hi Guru, Please make some videos on event loops . How different tasks are executed in loop. How to create new loop etc. your simple ways are really great. Thanks a lot.

[VIVEKJOSHI]

You made my day....Thanks love from India.