This website is not optimized for mobile view yet...
// Layout

.display-flex {
    display: flex;
}

.display-grid {
    display: grid;
}
// Typography

.font-size-16 {
    font-size: 1.6rem;
}

.font-size-20 {
    font-size: 2.0rem;
}
// Whitespace

.margin-24 {
    margin: 2.4rem;
}

.margin-center {
    margin: 0 auto;
}

Amigo CSS

// Shortcuts

.display-flex-center-both {
    display: flex;
    align-items: center;
    justify-content: center;
}



// Extras

.scroll-smooth {
    scroll-behaviour: smooth;
}
.cursor-pointer {
    cursor: pointer;
}

  
 

 

Get Started

It's very easy to get started with Amigo CSS. There are three simple ways:

1. This is the easiest way to get started especially for beginners. Just include this link in the head of your HTML:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/amigocss@1.1.0/main.css">


2. For those familiar with NPM, Amigo CSS is available on NPM

npm install amigocss



3. Amigo CSS is open-source, you can download the whole code base on Github. You can either clone the repo:

git clone https://github.com/amiamigo97/amigocss

  or just use the download link below to get the whole repo:

Download Amigo CSS