import React from 'react';
import Link from 'gatsby-link';
import styled from 'styled-components';

const Container = styled.div`
  display: flex;
`;

const About = styled.article`
  margin-left: 40px;
`;

// const Img = styled.img``;

class Experience extends React.Component {
  constructor() {
    super();
    this.state = { count: 0 };
  }

  render() {
    return (
      <div>
        <Container>
          <img
            src="//placehold.it/300x500"
            width="300"
            height="500"
            alt="Wojtek"
          />

          <About>
            <p>
              I've got 17 years of experience with front-end development and 7
              years of experience with leading distributed teams.
            </p>
            <p>Howdy. I am a front-end engineer based in Kraków, Poland.</p>

            <p>
              I specialize in JavaScript, web accessibility and user experience
              engineering. I’ve started the Kraków office of Xfive.co. I
              currently work with X-Team.com.
            </p>

            <p>
              Typography (especially vintage book covers) is my obsession. I
              sometimes pretend to be a public speaker. Other times I take
              photos with Instax or my phone.
            </p>
          </About>
        </Container>

        <h2>Experience</h2>
        <h3>Development</h3>
        <p>asdf</p>
        <h3>Leadership</h3>
        <p>sadf</p>
      </div>
    );
  }
}

export default Experience;

import React from 'react';
import Link from 'gatsby-link';
import styled from 'styled-components';

const Container = styled.div`
  // display: flex;
`;

const About = styled.article`
  margin-left: 40px;
`;

// const Img = styled.img``;

class Experience extends React.Component {
  constructor() {
    super();
    this.state = { count: 0 };
  }

  render() {
    return (
      <div>
        <Container>
          <img src="//placehold.it/1400x200" alt="Wojtek" />

          <About>
            <p>
              I've got 17 years of experience with front-end development and 7 years of experience with leading
              distributed teams.
            </p>
            <p>Howdy. I am a front-end engineer based in Kraków, Poland.</p>

            <p>
              I specialize in JavaScript, web accessibility and user experience engineering. I’ve started the Kraków
              office of Xfive.co. I currently work with X-Team.com.
            </p>

            <p>
              Typography (especially vintage book covers) is my obsession. I sometimes pretend to be a public speaker.
              Other times I take photos with Instax or my phone.
            </p>
          </About>
        </Container>

        <h2>Interviews</h2>

        <section>
          <h2>Experience</h2>
          <div>
            <h3>Development</h3>
            <p>asdf</p>
          </div>
          <div>
            <h3>Leadership</h3>
            <p>sadf</p>
          </div>
        </section>

        <h2>Testimonials?</h2>
      </div>
    );
  }
}

export default Experience;

Update about page