DEV Community

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

Posted on

2

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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay