Tech Stack Version 3

Responsive Images

Styled Components

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';

const StyledArticle = styled.article`
  max-width: 600px;
  margin: 0 auto 30px;

  background: white;
  border-radius: 10px;
  padding: 2rem;
  min-width: ${props => (props.narrow ? '50%' : '100%')};
`;

const Article = ({children}) => (<styledarticle>{children}</styledarticle>));

Article.propTypes = {
  children: PropTypes.node.isRequired,
};

export default Article;

Hosting

Google Lighthouse Score

Conclusion

• I am proud of the result
• No costs for the used software
• Good promotion platform for myself

Related Blog Post

📝 New blog post:

"The Engineering Behind My Portfolio Website" https://t.co/L6NYuyyVpl

— Michael Hoffmann (@Mokkapps) December 13, 2018