If you don't want them to stack like that, put them in a .soft-row instead of a .soft-col

Soft CSS comes with a pack of redefined buttons, with a better and more modern design than the default ones, and a bit of choice for the colors. You can use it either by creating a button ( <button> ) or by using the class .button on a link.

So while developping Soft CSS, I realized that the number of classes started to grow really fast, and that at one point everybody using the framework would be lost while reading the doc.
Then I learned about the ability to create custom HTML elements
So, when you're using Soft CSS and you want to create a popup alert masking the whole screen, you don't need to do some ugly code like this:

      <div class="popup alert">
        <h2 class="popup-header">ALERT</h2>
        <p>Alert message</p>
      </div>

Instead, you use the custom element soft-popup like this:

      <soft-popup class="alert">
        <span>ALERT</span>
        <p>Alert message</p>
      </soft-popup>

Don't see the difference ?
That's because it is only the top of the iceberg.
When you want to create your popup dynamically, you have to create a Javascript function creating a div, then set it the "popup" class, then another thing and you end up with a big ass ugly function.
But Soft CSS takes care of all that
In the "soft.js" file you will find all the constructors for the custom elements, so if you want to create an alert popup you can do it in literally one line:

      softPopup('alert', 'Alert header', 'Alert message');

You don't trust me ? Enter the line given in the example in the console and watch what happens. You can also replace 'alert' by 'success', 'info' or 'warning' for more options.

Tooltips

Soft CSS comes with simple to use tooltips

Soft CSS will ship with a lot of handy classes you can use to quickly customize elements without a headache. Want an element to float right without having to do some inline CSS or create a new class ? Just use .right
Here you can see 2 classes changing the first letter of a paragraph, and the redefined blockquote

Soft CSS will also ship with a lot of beautiful CSS animations
Here is a heartbeat one ( actually there are 2 animations: one just changes the scale of the element, the other the background color )