Start modifying how your pages look and feel in this introductory exploration of CSS.

Web Essentials

If you’re looking to style your front-end, this module is for you. You'll find it particularly useful if you're coming from some other area of software development, although prior experience is not required.

In this module, you will start with a short tour of CSS. You’ll get to experiment with it through examples that explain its role and behavior. From there, you will then dive deep into each technology, exploring concepts like CSS patterns to make your web pages look good.

By the end of this module, you will be able to beautify your own web applications.

Cascading Style Sheets (CSS)

One of the goals of this particular design is to understand simplicity in design and a few practical tips too. 

At the end of this section, you'd have successfully built this: 

Enough talking!

Let's get started. 

<br />
<br />


## Design Choices
A lot of the time developers make flimsy excuses such as, _"I don't have an eye for design"_ or _"I just hate colors"_, or _"I just dont make a front end person"_

Well, I'm sorry, but I do not agree with that. 

I didn't step into the world and had a design sense handed to me on a platter of gold. Honestly, no one did.

So, my take is, **copy and reproduce other good designs, until you've formed the right design mental models**

Ask any chess player, and they will tell you,_"you don't learn chess by knowing the rules. No. You go out and study the games of the greats"_

Go out and study great designs. Use cheat tools (for now)

Talking about cheat tools, here's one for you: <a href="http://www.colorhunt.co" target="_blank">colorhunt.co</a>

## 1. How have I chosen the colors for this design?
You know the answer. From colorhunt!

I searched and found this: 



Enough talking!

Let's get started. 

<br />
<br />


# Design Choices
A lot of the time developers make flimsy excuses such as, _"I don't have an eye for design"_ or _"I just hate colors"_, or _"I just dont make a front end person"_

Well, I'm sorry, but I do not agree with that. 

I didn't step into the world and had a design sense handed to me on a platter of gold. Honestly, no one did.

So, my take is, **copy and reproduce other good designs, until you've formed the right design mental models**

Ask any chess player, and they will tell you,_"you don't learn chess by knowing the rules. No. You go out and study the games of the greats"_

Go out and study great designs. Use cheat tools (for now)

Talking about cheat tools, here's one for you: <a href="http://www.colorhunt.co" target="_blank">colorhunt.co</a>

# 1. How have I chosen the colors for this design?
You know the answer. From colorhunt!

I searched and found this: 



How to build a signup page for a startup. One that may be used for validating a business or product idea 💡 

Introduction

How to build a signup page for a startup. One that may be used for validating a business or product idea 💡

Before We Begin

Getting started with CSS

Oh My Selectors!

CSS Fundamentals Everyone Should Know

Colors, colors, colors!

We all Need Units

Typography in CSS

The Box Model

Challenge: Practice with Texts, Margin, Padding and Borders

Getting creative with Backgrounds

Project: Build a Movie Order Page

Making Sense of CSS Gradients

Hands-on Practice with Gradients

Project: Build a Sign Up Page for a Startup

{New} Teach Me Positioning Like I'm Five

{New} A Detailed Look at CSS Variables ( a.k.a Custom Properties

{New} CSS Variables Real World Applications

{New} Long Live the CSS Grid

Final Words

Conclusion

Introduction

Design Choices