A lot of beginners set a width in CSS and expect the final size to stay exactly the same. Then padding enters the conversation. One of the most important frontend lessons early on is understanding the CSS box model, content, padding, border, margin. So, check this and let’s know what you think, Without box-sizing: border-box, what happens to the element’s total width? .𝐛𝐨𝐱 { 𝐰𝐢𝐝𝐭𝐡: 100𝐩𝐱; 𝐩𝐚𝐝𝐝𝐢𝐧𝐠: 20𝐩𝐱; } And remember, someone here is learning. #W3Schools #coding #css #frontend #developers #webdevelopment #beginners
w3schools.com
E-Learning Providers
On a mission to make learning available for everyone, everywhere
About us
W3Schools is the world's largest web developer site. We are on a quest to make learning available to everyone - everywhere. For over 20 years, we’ve provided free tutorials and hands-on coding exercises in HTML, CSS, JavaScript, Python, SQL, and more. Millions of students, teachers, and developers use W3Schools to build skills and grow their knowledge. Start coding today with W3Schools.
- Website
-
http://www.w3schools.com
External link for w3schools.com
- Industry
- E-Learning Providers
- Company size
- 11-50 employees
- Type
- Privately Held
- Founded
- 1998
- Specialties
- education, edutech, edtech, web development, digital, coding, developer, learn to code, learning, web developer, tutorials, tech, upskilling, reskilling, HTML, CSS, Javascript, python, data science, machine learning, SQL, school, technology, and code
Locations
-
Primary
Get directions
-
Get directions
Sandnes, NO
-
Get directions
Rådhusgata 6
Sandnes, Rogaland 4306, NO
Employees at w3schools.com
Updates
-
One thing that surprises many beginners in JavaScript is realizing that arrays are mutable. Some methods create a new array, while others directly change the original one. That distinction matters a lot in frontend development, especially when working with, React state, shared data, and debugging unexpected behavior. A lot of developers initially focus on what gets added to an array, but understanding what gets removed is equally important. Check this out, What gets printed? ——— 𝐜𝐨𝐧𝐬𝐭 𝐚𝐫𝐫 = [1, 2, 3]; 𝐚𝐫𝐫.𝐩𝐨𝐩(); 𝐜𝐨𝐧𝐬𝐨𝐥𝐞.𝐥𝐨𝐠(𝐚𝐫𝐫.𝐥𝐞𝐧𝐠𝐭𝐡); ——— And remember, someone here is learning. #W3Schools #coding #javascript #developers #frontend #beginners #webdevelopment
-
One of the biggest React concepts is understanding the difference between props and state. Props are meant to be passed down, not modified, What is TRUE about this code? ——— 𝐟𝐮𝐧𝐜𝐭𝐢𝐨𝐧 𝐂𝐚𝐫𝐝(𝐩𝐫𝐨𝐩𝐬) { 𝐩𝐫𝐨𝐩𝐬.𝐭𝐢𝐭𝐥𝐞 = "𝐑𝐞𝐚𝐜𝐭"; 𝐫𝐞𝐭𝐮𝐫𝐧 <𝐡1>{𝐩𝐫𝐨𝐩𝐬.𝐭𝐢𝐭𝐥𝐞}</𝐡1>; } ——— And remember, someone here is learning. #W3Schools #coding #react #frontend #developers #webdevelopment
-
Python lets you manipulate strings easily. But under the hood, strings are immutable. That means operations often create entirely new objects instead of modifying the original. Check this, What gets printed? ——— 𝘁𝗲𝘅𝘁 = “𝗰𝗼𝗱𝗲” 𝘁𝗲𝘅𝘁.𝘂𝗽𝗽𝗲𝗿() 𝗽𝗿𝗶𝗻𝘁(𝘁𝗲𝘅𝘁) ——— And remember, someone here is learning. #W3Schools #coding #python #developers #programming #pythonquiz
-
Most developers can remember that one person who made coding feel possible. Maybe it was, a friend who introduced you to programming, a teacher who explained things patiently, a mentor who guided you when you felt stuck, or someone who simply encouraged you. A lot of people start coding because of curiosity. But many continue because someone encouraged them when they were close to giving up. Sometimes one conversation, one tutorial, or one little push changes everything. Now here you are, Googling errors, fixing bugs, celebrating when the code finally works. We’d love to hear, who inspired your coding journey and how you first got into programming Give them a shout out below 💚 #W3Schools #Coding #Programming #Developers #LearnToCode #Python #DeveloperCommunity #TechEducation
-
-
One thing that confuses many beginners in DSA is that recursion affects both time complexity AND space complexity. Even if you’re not creating arrays or lists, every recursive call still gets added to the call stack. That’s why recursive solutions can become memory-heavy when the depth grows too large. What is the space complexity here? ——— def solve(n): if n == 1: return solve(n // 2) solve(n) ——— And remember, someone here is learning. #W3Schools #coding #python #dsa #recursion #spacecomplexity #developers #algorithms
-
Most people don't quit coding because it's too hard. They quit because there's a phase where progress becomes completely invisible. You can write a for loop, you sort of get functions, but when someone says "now build something," your brain goes blank. It's called the Desert of Despair. And almost everyone who's ever learned to code has been there. The ones who make it through? They all say the same thing: "I stopped studying and started building." In our newsletter, we wrote about why this happens, what the research says, and what actually helps people push through it. We also breaks down this week's Weekly Practice Problem (Find the Duplicate) and why solving small, focused challenges is the fastest way to get unstuck. Read more in the newsletter 👇
-
Space usage isn’t just about variables, it’s about what gets stored internally. Some operations duplicate structure behind the scenes. So, check this, What is the space complexity of cloning here? ——— let obj = { a: 1, b: 2 }; let clone = { ...obj }; clone.c = 3; console.log(Object.keys(obj).length); ——— And remember, someone here is learning. #W3Schools #coding #javascript #dsa #spacecomplexity #objects #developers #algorithms
-
A lot of frontend developers understand Flexbox, until elements suddenly stop aligning the way they expected. The confusing part is realizing, justify-content and align-items control different directions. Now, let’s hear from you, where will the items align vertically? ——— .𝐜𝐨𝐧𝐭𝐚𝐢𝐧𝐞𝐫 { 𝐝𝐢𝐬𝐩𝐥𝐚𝐲: 𝐟𝐥𝐞𝐱; 𝐣𝐮𝐬𝐭𝐢𝐟𝐲-𝐜𝐨𝐧𝐭𝐞𝐧𝐭: 𝐜𝐞𝐧𝐭𝐞𝐫; 𝐚𝐥𝐢𝐠𝐧-𝐢𝐭𝐞𝐦𝐬: 𝐟𝐥𝐞𝐱-𝐬𝐭𝐚𝐫𝐭; 𝐡𝐞𝐢𝐠𝐡𝐭: 200𝐩𝐱; } ——— And remember, someone here is learning. #W3Schools #coding #css #frontend #flexbox #webdevelopment #developers
-
Every selector you write carries a value. And when two rules fight over the same element, the one with the higher score wins. No arguments. No exceptions. Just points. Most developers discover this the hard way. You write a perfectly valid style, refresh the browser, and nothing changes. The code is correct. The syntax is fine. But something else is quietly winning and you have no idea why. CSS was never broken. It was just keeping score the whole time. #W3Schools #CSS #CSSSpecificity #WebDevelopment #LearnToCode #Frontend #Programming