CSS calc() function : Let’s Create Websites Like a Pro (in Sinhala) 💪

Опубликовано: 30 Июнь 2026
на канале: MCodes Frontend
724
47

CSS calc() function : Let’s Create Websites Like a Pro (in Sinhala) 💪

HTML Beginner playlist :    • HTML Beginner Tutorials Sinhala  
CSS Beginner playlist :    • CSS Beginner tutorials Sinhala  
CSS Mastering playlist :    • Mastering CSS techniques Sinhala  
JavaScript Beginner playlist :    • Javascript Beginner tutorials Sinhala  
JavaScript Mastering playlist :    • Mastering Javascript Sinhala  
CSS Flexbox playlist :    • CSS Flexbox Tutorials Sinhala  
CSS Grid playlist :    • CSS Grid Tutorials Sinhala  
React playlist :    • React JS Beginner Tutorials Sinhala  
Mastering JavaScript playlist :    • Mastering Javascript Sinhala  
Complete website build :    • Build a complete Website HTML CSS Javascri...  
Responsive websites playlist :    • Responsive websites by using HTML & CSS fr...  
Visual Studio Code editor :    • Visual Studio Code Tutorial and Live Serve...  
Install Node :    • Introduction to Node.js : Install & Run (i...  
Install Vite :    • Install Vite & React Project: Setup & Buil...  

Welcome to MCodes Frontend YouTube channel. As a passionate senior frontend developer my mission is to give you a better understanding of frontend technologies like HTML , CSS and UI, UX concepts

🌐 ABOUT THIS VIDEO
This video will explain about css calc function, responsive fonts

⏱️ Timestamps

00:00 - Intro
01:14 - css calc function
08:00 - responsive width
15:00 - nested calc functions
16:00 - calc with css variables
18:38 - responsive fonts
21:20 - responsive fonts with media queries
22:11 - Wrap up
24:15 - Outro

Hope you have enjoyed this video. Please leave a comment 😎
Please don't forget to Like the video, subscribe to the channel and press the bell icon as well 🙂 🙂

🌐 Related tags
#javascript #css #webdevelopment