diff --git a/03_Day_Setting_Up/30-days-of-react_boilerplate/public/index.html b/03_Day_Setting_Up/30-days-of-react_boilerplate/public/index.html index 3aafbc8..730e078 100644 --- a/03_Day_Setting_Up/30-days-of-react_boilerplate/public/index.html +++ b/03_Day_Setting_Up/30-days-of-react_boilerplate/public/index.html @@ -60,12 +60,12 @@ header { background-color: #61dbfb; - padding: 10px; + padding: 10px; } main { - padding: 10px 10px 60px; - /* Height of the footer */ + padding: 10px 10px 60px; + /* Height of the footer */ } ul { diff --git a/04_Day_Component/04_components.md b/04_Day_Component/04_components.md index 89eb218..44f4276 100644 --- a/04_Day_Component/04_components.md +++ b/04_Day_Component/04_components.md @@ -470,7 +470,7 @@ const hexaColor = () => { return '#' + color } -const HexaColor = () =>
{hexaColor()} +const HexaColor = () =>
{hexaColor()}
const rootElement = document.getElementById('root') // we render the JSX element using the ReactDOM package diff --git a/04_Day_Component/30-days-of-react_boilerplate-components/src/index.js b/04_Day_Component/30-days-of-react_boilerplate-components/src/index.js index aec8b84..defe4d2 100644 --- a/04_Day_Component/30-days-of-react_boilerplate-components/src/index.js +++ b/04_Day_Component/30-days-of-react_boilerplate-components/src/index.js @@ -14,7 +14,7 @@ const hexaColor = () => { } const HexaColor = () => { - let bgColor = hexaColor() + const bgColor = hexaColor() const styles = { height: '100px', display: 'flex', @@ -62,7 +62,7 @@ const TechList = () => { } const buttonStyles = { padding: '10px 20px', - background: 'rgb(0, 255, 0', + background: 'rgb(0, 255, 0)', border: 'none', borderRadius: 5, } @@ -79,6 +79,8 @@ const Main = () => (
+ {/* Generate two different hexa colors every time */} +