Kols Damkols

## para.css
p {
  margin: 20px;
}

## root.css
html {
	font-size: 10px;
}

p {
	font-size: 1rem;
}

## para2.css
p {
	font-size: 2rem;
}

## em.css
.box{
	font-size: 30px;
}
p{
	font-size: 1em;
}

## ems.css
/* .box{
	font-size: 30px;
} */
p{
	font-size: 1em;
}

## box.html
<div class="box">
  <p>I am  paragraph in a box container</p>
</div>

## button.js
import styled from "styled-components";


const Button = () => {
  return (
    <StyledButton>Styled Button</StyledButton>
  )};

export default Button

## index.js
const redux = require("redux");
const createStore = redux.createStore;

// String constant
const BUY_COFFE = "BUY_COFFE";

// Action creator function
const buyCoffe = () => {
  return {
    type: BUY_COFFE,

## paragraph.html

<p>I am  paragraph</p>

## para1.css
p {
	font-size: 1rem;
}
	<div class="box">
	<p>I am paragraph in a box container</p>
	</div>
	import styled from "styled-components";


	const Button = () => {
	return (
	<StyledButton>Styled Button</StyledButton>
	)};

	export default Button
	const redux = require("redux");
	const createStore = redux.createStore;

	// String constant
	const BUY_COFFE = "BUY_COFFE";

	// Action creator function
	const buyCoffe = () => {
	return {
	type: BUY_COFFE,