7-Miscellaneous Customizations

Video

Closing Thoughts

Now it's up to you your own store app. You could build off of this one, although, for the sake of originality, you don't want it to look anything like what Gary did. You could also just start from scratch.

Little tweaks can do wonders for the user experience. For instance, let's say we wanted to make nicer buttons. Add this CSS to the bottom of the file:

button {
    color: #C64322;
    background-color: #FFF;
    display: inline-block;
    margin: 0 0.75em 0 0;
    padding: 0.2em 0.5em;
    border: 1px solid #C64322;
    text-transform: uppercase;
}
button:hover {
    background-color: #FBF3DB;
    border: 1px solid #745b2f;
}

We're left with nicer buttons after that:

You can add numerous features and rearrange things to make them your own. Review the assignment sheet in the project section for more details.