DEV Community

Cover image for Tips and Tricks to style your React App
SpanglishGaby
SpanglishGaby

Posted on

Tips and Tricks to style your React App

Styling your project is one of the most difficult things to do especially when you are just starting in your career and want to build a nice portfolio.

Here you will find some tips and tricks that can help you to build a project that looks professional.

*1. Define the *

Colors: primary and secondary colors, typography layout on colored backgrounds, primary colors for highlights, link and button colors, etc.
Typography: the size of the main titles (H1-H5), the size of the body text, quotes, spacing between titles and body text, typography color and background colors where the text can appear.
Grid: determining the spacing inside the elements, styles.
Graphics: drawing the key icons that will represent the main content. The color of icons and graphics.

Top comments (0)