CSS-Component

1.Start setting of Style CSS

/* Import fonts from Google Fonts */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Raleway:300,400,500,700");

/* Importing all components file */
@import url("components/cards.css");
@import url("components/container.css");

/* General for fonts and colors */
body {
  /*margin: 300px 100px;*/
  font-family: 'Open Sans', sans-serif;
}
img {
  max-width: 100%;
}
h1, h2, h3 {
  font-family: Raleway, Helvetica, sans-serif;
}
a {
  text-decoration: none;
}
.text-center {
  text-align: center;
}

1. CSS Flexbox

Useful site https://css-tricks.com/snippets/css/a-guide-to-flexbox/