🚀 𝐇𝐨𝐰 𝐭𝐨 𝐌𝐚𝐤𝐞 𝐘𝐨𝐮𝐫 𝐂𝐒𝐒 𝐌𝐨𝐫𝐞 𝐑𝐞𝐮𝐬𝐚𝐛𝐥𝐞 𝐚𝐧𝐝 𝐌𝐚𝐢𝐧𝐭𝐚𝐢𝐧𝐚𝐛𝐥𝐞

𝐏𝐫𝐨𝐛𝐥𝐞𝐦?
Imagine, you are going to design a web page. When writing HTML you’ve probably noticed that it has a clear nested and visual hierarchy. CSS, on the other hand, doesn’t. So, when we need to add style for HTML tags, you might repeat the HTML selector over and over. How can we prevent this?

𝐒𝐨𝐥𝐮𝐭𝐢𝐨𝐧?
Sass solves this problem by nesting.

Get Shirin Monzavi’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

𝐇𝐨𝐰?
1️⃣ Install Sass. npm install sass
2️⃣ Create your .scss file and start nesting

𝐇𝐚𝐯𝐞 𝐲𝐨𝐮 𝐞𝐯𝐞𝐫 𝐮𝐬𝐞 𝐒𝐚𝐬𝐬 𝐨𝐫 𝐒𝐜𝐬𝐬? 𝐈𝐟 𝐬𝐨, 𝐒𝐡𝐚𝐫𝐞 𝐲𝐨𝐮𝐫 𝐞𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞 𝐢𝐧 𝐭𝐡𝐞 𝐜𝐨𝐦𝐦𝐞𝐧𝐭.