--- title: "#css3 articles | Hashnode" description: "CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. Read the latest #css3 articles and tutorials on Hashnode." url: "https://hashnode.com/tag/css3" --- Tag # #css3 3,675 posts · 22,203 followers [easy28](https://hashnode.com/@easy28) Nov 1 · 3 min read ### [Your Favicon Vanishes in Dark Browser Themes — Fix It With One SVG](https://easy28.hashnode.dev/your-favicon-vanishes-in-dark-browser-themes-fix-it-with-one-svg?utm_source=hashnode&utm_medium=feed) Your logo looks sharp on a light tab strip. Flip the OS to dark mode and the same icon sinks into the browser chrome — dark logo on dark background, invisible. Same site, same file, zero changes on yo [easy28.hashnode.dev](https://easy28.hashnode.dev/your-favicon-vanishes-in-dark-browser-themes-fix-it-with-one-svg?utm_source=hashnode&utm_medium=feed) [Nandani Yadav](https://hashnode.com/@NandaniYadav) Oct 6 · 5 min read ### [CSS Selectors 101: Targeting Elements with Precision](https://git-for-biginers.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) When I started learning HTML, I learned how to create headings, paragraphs, buttons, links and other elements. But creating the structure of a webpage is only one part of it. We also need CSS to make [git-for-biginers.hashnode.dev](https://git-for-biginers.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) [Aritra Das](https://hashnode.com/@artclick) Aug 19 · 10 min read ### [A Practical Guide to Native CSS Nesting](https://artclick.hashnode.dev/a-practical-guide-to-native-css-nesting?utm_source=hashnode&utm_medium=feed) For years, nesting selectors inside each other was one of the main reasons teams reached for Sass in the first place. You'd write .card { .title { ... } }, run it through a compiler, and get flat CSS [artclick.hashnode.dev](https://artclick.hashnode.dev/a-practical-guide-to-native-css-nesting?utm_source=hashnode&utm_medium=feed) [Aritra Das](https://hashnode.com/@artclick) Aug 13 · 6 min read ### [CSS Just Got a Parent Selector. Your Forms Will Never Look the Same](https://artclick.hashnode.dev/css-just-got-a-parent-selector-your-forms-will-never-look-the-same?utm_source=hashnode&utm_medium=feed) For as long as I've been writing CSS, there's been one direction it refused to look: up. You could style a child based on its parent all day long, but the second you wanted a parent to react to someth [artclick.hashnode.dev](https://artclick.hashnode.dev/css-just-got-a-parent-selector-your-forms-will-never-look-the-same?utm_source=hashnode&utm_medium=feed) [Aritra Das](https://hashnode.com/@artclick) Aug 10 · 5 min read ### [Why Your Flexbox Layout Breaks on Mobile (and 5 Fixes)](https://artclick.hashnode.dev/why-your-flexbox-layout-breaks-on-mobile-and-5-fixes?utm_source=hashnode&utm_medium=feed) Flexbox looks perfect on your 1440px monitor. Then you open it on a phone and something's overflowing, a button's been squashed into an unreadable sliver, or a row that should've wrapped is instead sc [artclick.hashnode.dev](https://artclick.hashnode.dev/why-your-flexbox-layout-breaks-on-mobile-and-5-fixes?utm_source=hashnode&utm_medium=feed) [Aritra Das](https://hashnode.com/@artclick) Aug 7 · 6 min read ### [10 CSS Properties That Quietly Deleted My JavaScript](https://artclick.hashnode.dev/10-css-properties-that-quietly-deleted-my-javascript?utm_source=hashnode&utm_medium=feed) Every few months I go back through an old project and find a chunk of JavaScript solving a problem that CSS now solves on its own — a resize listener recalculating an aspect ratio, a scroll handler sm [2](https://hashnode.com/posts/10-css-properties-that-quietly-deleted-my-javascript/6a758fac4c67df2fff8eaa5d) [artclick.hashnode.dev](https://artclick.hashnode.dev/10-css-properties-that-quietly-deleted-my-javascript?utm_source=hashnode&utm_medium=feed) [komaljawliya](https://hashnode.com/@komaljawliya) Aug 2 · 4 min read ### [Responsive Design Changed the Way I Build Websites](https://komaltechjournal.hashnode.dev/responsive-design-changed-the-way-i-build-websites?utm_source=hashnode&utm_medium=feed) When I first started learning web development, I believed I had built a great website. The layout looked clean. The colors matched perfectly. Everything was aligned. At least... on my laptop. Then I p [komaltechjournal.hashnode.dev](https://komaltechjournal.hashnode.dev/responsive-design-changed-the-way-i-build-websites?utm_source=hashnode&utm_medium=feed) [komaljawliya](https://hashnode.com/@komaljawliya) Aug 2 · 5 min read ### [How Flexbox Finally Started Making Sense (After Building Real Layouts)](https://komaltechjournal.hashnode.dev/how-flexbox-finally-started-making-sense-after-building-real-layouts?utm_source=hashnode&utm_medium=feed) When I first learned CSS, Flexbox looked simple. I watched tutorials where a few properties magically aligned boxes, centered content, and created beautiful layouts. It seemed easy enough. Then I open [komaltechjournal.hashnode.dev](https://komaltechjournal.hashnode.dev/how-flexbox-finally-started-making-sense-after-building-real-layouts?utm_source=hashnode&utm_medium=feed) [komaljawliya](https://hashnode.com/@komaljawliya) Jul 22 · 5 min read ### [CSS Looked Easy Until I Started Building Real Websites](https://komaltechjournal.hashnode.dev/css-looked-easy-until-i-started-building-real-websites?utm_source=hashnode&utm_medium=feed) When I first started learning CSS, everything felt simple. I learned about colors, fonts, margins, padding, Flexbox, and Grid. I watched tutorials, copied the code, and everything worked exactly as ex [komaltechjournal.hashnode.dev](https://komaltechjournal.hashnode.dev/css-looked-easy-until-i-started-building-real-websites?utm_source=hashnode&utm_medium=feed) [Mousaab Vlog](https://hashnode.com/@mousaab) Jul 22 · 2 min read ### [How I Built an Interactive Kids Color Quiz Using Vanilla JS & Web Speech API](https://interactiveminds.hashnode.dev/how-i-built-an-interactive-kids-color-quiz-using-vanilla-js-web-speech-api?utm_source=hashnode&utm_medium=feed) Building engaging web applications that combine clean design with native browser capabilities is always a rewarding challenge. Recently, I wanted to create something both fun and educational—a lightwe [interactiveminds.hashnode.dev](https://interactiveminds.hashnode.dev/how-i-built-an-interactive-kids-color-quiz-using-vanilla-js-web-speech-api?utm_source=hashnode&utm_medium=feed)