Learning the Web Using Atomic Design

An overview from Ian Frost on how he’s come to learn how to build websites by going with Atomic Design first. For most of us we are trying to work this approach into our existing workflows, but it’s interesting to see how it helps the learning process

Or you can add a parent selector to the base button element. Using a parent selector like this allows you to focus on the button itself, rather than going to the header.scss Sass partial and sifting through all of the nested items before finding your button. It’s organized a a lot better since nesting child elements can get out of hand So the code would look like this:

An excerpt from Learning the Web Using Atomic Design

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.