For this week's practice, you will replicate a given design using React and style it using Styled Components. Try to match the design closely using Styled Components for smooth styling.
Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.
The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.
npm i && code . && npm run dev
- Raleway - It's pre-installed for you.
-
Installation Command: To add
styled-components
to your project, use one of the following commands:- If you're using
npm
:
npm install styled-components
- If you're using
-
Usage in Project: After installation, you can start using it in your React components by importing:
import styled from 'styled-components';
If you choose to opt out from using the inspector on your browser you can check the styles being applied on the working demo here
- Logos, imgs and videos are all fetched from the web, you can find these links inside this json file