Welcome to part-2 of the series.

We will first add the basic css to our style.css, which is necessary for the primary color, reset and the body.

style.css

So, our site will look like below. Notice that we are creating the mobile layout first.

Next, we will create the style for the button and the button hover. We are also creating the style for the input and the textarea.

button

Now, our mobile site looks like below.

Next, we will have added the Rubik font from google font, through an import. We are also adding it in the font-family of the body.

font-family

So, our font have changes and our mobile site looks like below.

Lastly we will create our site with alternative color scheme. Notice that we are using rem for our calculation.

color scheme

Now our mobile site looks like below.

This completes part-2 of the series. See you soon.

You can find the code for the same in this github link.