add css basic logic, add logo

This commit is contained in:
Ahmed-Ayman 2018-12-05 01:05:19 +02:00
parent b7b28b3468
commit d307fd0c15
4 changed files with 26 additions and 8 deletions

View File

@ -1,6 +1,5 @@
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import logo from './logo.svg';
import './App.css';
import { Route } from 'react-router-dom';
import Home from './containers/Home';

BIN
src/logo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View File

@ -0,0 +1,4 @@
.site-logo{
max-width: 300px;
}

View File

@ -1,9 +1,24 @@
import React from 'react';
class Header extends React.Component{
render(){
return(
'hello! header'
import logo from '../logo.png';
import '../styleSheets/style.css'
class Header extends React.Component {
render() {
const Logo = () => {
return (
<nav>
<img className="site-logo" src={logo} alt="logo 858 "/>
</nav>
);
}
return (
<header>
<section className="container">
<Logo/>
</section>
</header>
)
}
}
}
export default (Header);