More components!

main.js

import React, { Component } from 'react';

import data from '../../data/data'

import Header from './header';
import EducationList from './EducationList';
import SkillList from './SkillList';

class Main extends Component {

  render() {    
    return (
      <div className = "container">
        <Header />
        <div className = "section-container">
          <h2 className = "sub-header" >MENNTUN</h2>
            <EducationList education={data.education}> // svo gera allt sem var hér bara inni í EducationList
        </div>
        <div className = "section-container">
          <h2 className = "sub-header" >KUNNÁTTA</h2>
          <div className ="skill-card-container">
            <SkillList skills={data.cards.skills}> // svo gera allt sem var hér bara inni í SkillList
          </div>
        </div>
        ...
      </div>
    );
  }

}

export default Main;