In this video series I'll show you step by step how I built the javascript calculator for FreeCodeCamp using the react library.
In this video I'll show you
▶︎ how to add sass to your react project and style with it.
00:00 recap
00:55 adding sass
02:24 creating sass files
02:35 watch-css
02:50 importing css files into index.css
03:30 testing the architecture
05:00 styling the calculator component
12:45 styling the button components
23:00 styling the screen component
26:40 box shadow
30:20 rounding corners
32:13 styling the header
36:27 pushing to github
Useful links:
create-react-app table of contents: https://goo.gl/WBhjCF
free flexbox course: https://goo.gl/YJDKQ7
css-tricks flexbox guide: https://goo.gl/nRwLXz
github repo: https://goo.gl/QEGthQ
Download
0 formats
No download links available.
FreeCodeCamp - Javascript Calculator - PART 3 | NatokHD